2016-01-09 47 views
1

http://uniquelyrosha.com/引導/砌體列寬發出

我有設置爲COL-XS-4分別列,但它尚未出來的錯誤並移除第三列。我的代碼是這樣的:

$(document).ready(function() { 
var $container = $('.products'); 

$container.imagesLoaded(function() { 
    $container.fadeIn(300); 
    $container.masonry({ 
     itemSelector: '.product_image', 
     isAnimated: true 
    }); 
}); 
}); 

而且我的HTML是這樣的:

<div class="product_image col-xs-4"><img class="img-responsive img-rounded" src="/photos/1014919_10101744331352953_8981394028326535000_o.jpg"></div> 
+0

爲什麼這些容器絕對使用內聯式樣定位? – Thomas

+0

這是砌體對它做的事情。這不是我所應用的CSS。 –

回答

-1

你爲什麼要使用position:absolute?這是錯誤的做法,要引導巢的cols總是COL-XS-4你將手機屏幕在3山坳分爲使用"row"這樣

<div class="col-xs-12"> 
    <div class="row"> 
    <div class="col-xs-4"></div> 
    <div class="col-xs-4"></div> 
    <div class="col-xs-4"></div> 
    </div> 
</div> 

但再次所以更喜歡使用col-md-4 col-sm4 col-xs-12

+1

這是砌體對它做的事情。這不是我所應用的CSS。 –