我使用引导网格系统将行划分为11行和1行，但最后一次使用的主标志并不像预期的那样显示。它正在第一次展示。

Question

请参阅首页图标，上面是logo图像。我要最后一杯的图标

我增加了标志图像在col-md-11和家庭图标在col 1。但是家庭图标正被与第一套col md-11重叠。

    <div class="container-fluid logo-section">
                <div class="container">
                    <div class="row">
                        <div class="col-md-11"><!--for logo img-->
                            <img src="images/logo.png" class="img-responsive" />
                        </div>

                        <div class="col-md-1 home-icon"><!--for home icon-->
                            <span class="glyphicon glyphicon-home"></span>
                        </div>
                    </div>
                </div>
            </div><!--Logo section ends-->

Answer 1

造成这种情况的通常原因是，您的一个列的内容比该列更宽。这迫使该列比Bootstrap指定的宽度更宽，它破坏了引导列布局--导致您正在看到的行中断。

解决这一问题的最简单方法是删除所有列的内容，然后一次将它们放回一个列。您将很快看到哪个列有导致问题的内容。