每当我要在joomla仪表板中添加新文章时，它都会重叠。我使用以下代码来显示文章。
<div class="col-md-9">
<div class="row">
<jdoc:include type="component"/>
</div>
</div>
我的文章相互重叠。相反，我需要在网格视图中显示文章。有谁能帮我解决这个问题吗。当我从浏览器中检查html元素时，我在行类div.中得到了以下代码片段
<div class="blog" itemscope="" itemtype="http://schema.org/Blog">
<div class="items-row cols-4 row-0 row-fluid clearfix">
<div class="span3 col-md-3">
<div class="item column-1" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting">
<div class="pull-left item-image">
<a href="/textile/index.php/4-belt-fasteners"><img src="/textile/images/belt-fasteners.png" alt="" itemprop="thumbnailUrl"></a>
</div>
<div>
<h3 style="text-align: center;">Belt Fasteners</h3>
<p><span class="A32"><span style="font-size: 10pt;">We stock a vast range of belt fasteners for all thickness of belts and for a variety of applications.</span></span></p>
<p><span style="font-size: 11pt; line-height: 115%; font-family: 'Calibri','sans-serif';">Widths: 25mm, 38.5mm, 40mm, 50mm, 57mm, 63mm, 75mm, 89mm, 100mm, 150mm, 300mm.</span></p>
<p class="readmore">
<a class="btn btn-success" href="/textile/index.php/4-belt-fasteners" itemprop="url">
<span class="icon-chevron-right"></span>
Read more ... </a>
</p>
</div>
<!-- end item -->
</div><!-- end span -->
<div class="span3 col-md-3">
<div class="item column-2" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting">
<div class="pull-left item-image">
<a href="/textile/index.php/6-belt-fasteners-3"><img src="/textile/images/belt-fasteners.png" alt="" itemprop="thumbnailUrl"></a>
</div>
<div>
<h3 style="text-align: center;">Belt Fasteners</h3>
<p><span class="A32"><span style="font-size: 10pt;">We stock a vast range of belt fasteners for all thickness of belts and for a variety of applications.</span></span></p>
<p><span style="font-size: 11pt; line-height: 115%; font-family: 'Calibri','sans-serif';">Widths: 25mm, 38.5mm, 40mm, 50mm, 57mm, 63mm, 75mm, 89mm, 100mm, 150mm, 300mm.</span></p>
<p class="readmore">
<a class="btn btn-success" href="/textile/index.php/6-belt-fasteners-3" itemprop="url">
<span class="icon-chevron-right"></span>
Read more ... </a>
</p>
</div>
<!-- end item -->
</div><!-- end span -->
<div class="span3 col-md-3">
<div class="item column-3" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting">
<div class="pull-left item-image">
<a href="/textile/index.php/8-belt-fasteners-5"><img src="/textile/images/belt-fasteners.png" alt="" itemprop="thumbnailUrl"></a>
</div>
<div>
<h3 style="text-align: center;">Belt Fasteners</h3>
<p><span class="A32"><span style="font-size: 10pt;">We stock a vast range of belt fasteners for all thickness of belts and for a variety of applications.</span></span></p>
<p><span style="font-size: 11pt; line-height: 115%; font-family: 'Calibri','sans-serif';">Widths: 25mm, 38.5mm, 40mm, 50mm, 57mm, 63mm, 75mm, 89mm, 100mm, 150mm, 300mm.</span></p>
<p class="readmore">
<a class="btn btn-success" href="/textile/index.php/8-belt-fasteners-5" itemprop="url">
<span class="icon-chevron-right"></span>
Read more ... </a>
</p>
</div>
<!-- end item -->
</div><!-- end span -->
<div class="span3 col-md-3">
<div class="item column-4" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting">
<div class="pull-left item-image">
<a href="/textile/index.php/9-belt-fasteners-6"><img src="/textile/images/belt-fasteners.png" alt="" itemprop="thumbnailUrl"></a>
</div>
<div>
<h3 style="text-align: center;">Belt Fasteners</h3>
<p><span class="A32"><span style="font-size: 10pt;">We stock a vast range of belt fasteners for all thickness of belts and for a variety of applications.</span></span></p>
<p><span style="font-size: 11pt; line-height: 115%; font-family: 'Calibri','sans-serif';">Widths: 25mm, 38.5mm, 40mm, 50mm, 57mm, 63mm, 75mm, 89mm, 100mm, 150mm, 300mm.</span></p>
<p class="readmore">
<a class="btn btn-success" href="/textile/index.php/9-belt-fasteners-6" itemprop="url">
<span class="icon-chevron-right"></span>
Read more ... </a>
</p>
</div>
<!-- end item -->
</div><!-- end span -->
</div><!-- end row -->
<div class="items-row cols-4 row-1 row-fluid clearfix">
<div class="span3 col-md-3">
<div class="item column-1" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting">
<div class="pull-left item-image">
<a href="/textile/index.php/5-belt-fasteners-2"><img src="/textile/images/belt-fasteners.png" alt="" itemprop="thumbnailUrl"></a>
</div>
<div>
<h3 style="text-align: center;">Belt Fasteners</h3>
<p><span class="A32"><span style="font-size: 10pt;">We stock a vast range of belt fasteners for all thickness of belts and for a variety of applications.</span></span></p>
<p><span style="font-size: 11pt; line-height: 115%; font-family: 'Calibri','sans-serif';">Widths: 25mm, 38.5mm, 40mm, 50mm, 57mm, 63mm, 75mm, 89mm, 100mm, 150mm, 300mm.</span></p>
<p class="readmore">
<a class="btn btn-success" href="/textile/index.php/5-belt-fasteners-2" itemprop="url">
<span class="icon-chevron-right"></span>
Read more ... </a>
</p>
</div>
<!-- end item -->
</div><!-- end span -->
<div class="span3 col-md-3">
<div class="item column-2" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting">
<div class="pull-left item-image">
<a href="/textile/index.php/7-belt-fasteners-4"><img src="/textile/images/belt-fasteners.png" alt="" itemprop="thumbnailUrl"></a>
</div>
<div>
<h3 style="text-align: center;">Belt Fasteners</h3>
<p><span class="A32"><span style="font-size: 10pt;">We stock a vast range of belt fasteners for all thickness of belts and for a variety of applications.</span></span></p>
<p><span style="font-size: 11pt; line-height: 115%; font-family: 'Calibri','sans-serif';">Widths: 25mm, 38.5mm, 40mm, 50mm, 57mm, 63mm, 75mm, 89mm, 100mm, 150mm, 300mm.</span></p>
<p class="readmore">
<a class="btn btn-success" href="/textile/index.php/7-belt-fasteners-4" itemprop="url">
<span class="icon-chevron-right"></span>
Read more ... </a>
</p>
</div>
<!-- end item -->
</div><!-- end span -->
</div><!-- end row -->
</div>
</div>
</div>
</div>
</div><!--/.container-->
</div>
</div>
将clearfix类添加到父div
像这样
<div class="col-md-9 clearfix">
<div class="row clearfix">
<jdoc:include type="component"/>
</div>
</div>
或
style="clear:both"