Html 我使用引导网格系统将行划分为11和1。但最后一个col中的home徽标并没有如预期的那样显示出来。它显示在第1列

请参见徽标图像上方第1列中的主页图标。我希望图标位于最后一列
我在col-md-11中添加了徽标图像，在col-md-1中添加了主页图标。但是home图标与col md-11的第一个col重叠

    <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-->

---

这种情况的常见原因是，您的某一列的内容比该列宽。这将强制该列比引导指定的宽度更宽，这将破坏引导列布局-导致您看到的换行

---

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

问题是发生在所有浏览器宽度上，还是仅出现在较窄的浏览器宽度上？对于桌面，它是这样的。对于较窄的宽度，图标仅出现在第一列中的容器下方。但我有一个图像比col-md-11更小，正如您所建议的，我确实重写了代码。以及它的工作原理。谢谢但我不明白问题出在哪里？。