Bootstrap to wordpress将不会正确显示图像

问题描述：

我想将Bootstrap主题转换为WordPress主题，WordPress不会显示图像。我做了一些截图，在左侧显示了Bootstrap中的主题，右侧是WordPress中的主题。Bootstrap to wordpress将不会正确显示图像

Bootstrap to WordPress

，这是我的图像容器在WordPress我不知道我在做什么错了，我已经试过一切，没有什么工作的代码。

<div class="container-fluid"> 
    <div class="row" data-fluid=".fluidHeigt" data-float="true"> 
    <div class="col-sm-5 imageCol"> 
     <div class="image fluidHeigt" style="background-image:url(<?php echo get_template_directory_uri();?>/img/img-our_impact.jpg)"> 
     <img src="<?php echo get_template_directory_uri();?>/img/img-our_impact.jpg" alt="" class="img-responsive visible-xs" /> 
      </div> 
      </div>

我曾试图改变class="img-responsive visible-xs"为class="img-responsive.visible-xs"，我得到这个：

second image

的风格是既为引导和WordPress一样的，所以我必须排除样式代码的原因这个问题，我也注意到Bootstrap主题在标签样式min-height:799px;之后自动生成了这个代码，同时WordPress主题没有生成这个代码。

请有人帮助我，如果你需要更多的信息来解决这个问题，请问我谢谢。

答

.visible-xs仅在超小型设备上显示图像。试着把这个：

<img src="<?php echo get_template_directory_uri();?>/img/img-our_impact.jpg" alt="" class="img-responsive" />

我已经试过了，它正确地调整大小的长度，因为它应该是，但宽度是现在小，它应该是799px，我得到577px，我需要wordpress自动生成799px像bootstrap主题 – Ivor92

是否有什么可以在JS中生成的高度？如果是这样，那可能需要重新配置。 Wordpress有几个添加的js文件，所以如果你的JS没有按照正确的顺序加载，某些东西不会工作/运行。 –

你能告诉我什么是正确的顺序？ – Ivor92

答

我会检查并看到你的Wordpress主题加载jQuery。如果你没有看到它，你可以把这个在你的functions.php文件，使其加载：

function my_init() { 
    if (!is_admin()) { 
     wp_enqueue_script('jquery'); 
    } 
} 
add_action('init', 'my_init');

它没有工作，这是我如何在我的functions.php函数函数中调用我的jquery的b2w_theme_js（）{wp_enqueue_script（'bootstrapmin_js'，get_template_directory_uri（）。'js/bootstrap.min.js'，array（'jquery'）， ''，true）;数组（'jquery'），''，true）; wp_enqueue_script（'main_js'，get_template_directory_uri（）。'js/main.js'，array（'jquery'），''，true）; } add_action（'wp_enqueue_scripts'，'b2w_theme_js'）; – Ivor92

这是正确的添加js文件，但你需要在所有这些之前调用jquery才能使这些文件正常工作。我提供的代码片段将提供最新版本，或者您可以转至https://jquery.com/download下载并将其添加到您的入队脚本中。（PS，这可能不是问题，但这是我在你的场景中检查的第一件事 - 如果我的js运行或不运行。） –

Bootstrap to wordpress将不会正确显示图像

相关推荐