Twitter bootstrap 引导-如何使用cols？

我试图在我的网站上做响应导航栏。我想在导航栏的左边有一个小的img，然后我想有两行文本-一行在另一行下面，就在我的img旁边。我的感冒有问题。当屏幕在750到950个人电脑之间时，我的文本有问题，我想，他们没有我当时制作的这些COL， 如何纠正这一点

<nav class="navbar navbar-default">
<div class="container-fluid col-md-12">
    <div class="navbar-header">
        <div class=" col-sm-2" style="float: left">
            <img alt="Brand" src="buty2.png">
        </div>
        <div class="col-sm-10">
            <div class="navbar-text">Some text</div>
            <div class="navbar-text">Some text under first text</div>

        </div>
    </div>
</div>
</div>
</nav>

一些文本
第一个文本下的一些文本

因此，首先，您需要使用“row”类，并在该嵌套中使用类col-sm-2的div和另一个类col-sm-10的div。如果希望图像位于左侧，请将该图像嵌套在具有“向右拉”类的span中，并在具有“向左拉”类的span/div旁边嵌套另一个span或div

划船 -可乐 --向右拉 --左拉 -可乐

---

这就是你要找的吗？此外，您还可以使用列进行不同的媒体查询，例如使用较小的列以获得较小的分辨率等等。

您必须将第一个

div

处的

col-md-12

替换为

行

，以启动该行

但是我认为

navbar right

和

navbar left

或

navbar brand

就是你要找的

见此：

如果你真的想使用网格系统，请仔细阅读。

在这种情况下，我最喜欢的是navbar方法。试试看；）