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主題沒有生成這個代碼。

請有人幫助我，如果你需要更多的信息來解決這個問題，請問我謝謝。

來源

2016-07-15 Ivor92

.visible-xs僅在超小型設備上顯示圖像。試着把這個：

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

來源

2016-07-15 17:47:06 stweb

我已經試過了，它正確地調整大小的長度，因爲它應該是，但寬度是現在小，它應該是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');

來源

2016-07-15 18:11:29

它沒有工作，這是我如何在我的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將不會正確顯示圖像

回答

相關問題