<分区>
我已经使用 bootstrap 3 创建了一个网格设计,但是 div 没有正确堆叠
这是我得到的
看第二行。第一和第三低工作正常,但看起来第二行受到第一行内容的影响。如何解决这个问题?
这是我的html
<div class="col-md-2 col-xs-12 col-sm-3 songblock" id="songblock">
<div class="album-art" id="albumArt">
<img src="images/glass.jpg" alt="IMAGE" />
</div>
<div class="song-text">
<div class="song-box-title">Song title</div>
<div class="song-box-channel">Channel Name</div>
<div class="song-box-views">202,432,121</div>
</div>
</div>
</div>
<div class="col-md-2 col-xs-12 col-sm-3 songblock" id="songblock">
<div class="album-art" id="albumArt">
<img src="images/glass.jpg" alt="IMAGE" />
</div>
<div class="song-text">
<div class="song-box-title">Song title</div>
<div class="song-box-channel">Channel Name</div>
<div class="song-box-views">202,432,121</div>
</div>
</div>
</div>
在 css 中我被告知要这样做-:
.row-fluid [class*="span"]:first-child {
margin-left: 0;