Html 引导3-在同一行中显示文本和图像

我正在使用Bootstrap3框架创建一个网站。以下是代码中我有问题的部分：

                <div class="row">
                    <div class="col-md-8">
                         <div class="brand">
                            <h1><a href="index.html">Test Text.</a></h1>
                            <div class="line-spacer"></div>
                            <p><span>Some more test Text</span></p>
                        </div>
                    </div>

                    <div class="col-md-12">
                        <img src="img/devices.png" />
                    </div>

                    </div>
                </div>

更多的测试文本

以下是输出结果：

---

如何使图像与文本位于同一行？我尝试将

放在

col-md-8

div标记中，尝试时没有指定任何

col

div值，但都不起作用。感谢您的帮助。CSS是通用的引导最小CSS。

您的列总数必须始终达到12，并且您的代码应类似于以下内容：

<div class="container">
    <div class="row">
        <div class="col-md-4">
            CONTENT
        </div>
        <div class="col-md-8">
            CONTENT
        </div>
    </div>
</div>

所容纳之物
所容纳之物

仔细阅读其网格系统上的引导文档：

---

您的列总数必须始终为12，并且您的代码应与以下代码类似：

<div class="container">
    <div class="row">
        <div class="col-md-4">
            CONTENT
        </div>
        <div class="col-md-8">
            CONTENT
        </div>
    </div>
</div>

所容纳之物
所容纳之物

仔细阅读其网格系统上的引导文档：

---

您可能希望将该区域分成两部分，但请始终记住，引导标准使用12网格系统

所以如果你想让这两个紧挨着你就用

<div class="row">
    <div class="col-md-6">
        Here your text
    </div>
    <div class="col-md-6">
        <img />
    </div>
</div>

这是你的短信

---

这应该可以解决您的问题，请记住，递增计数超过12个包裹。

您可能希望将该区域分成两部分，但请始终记住，引导标准使用12个网格系统

所以如果你想让这两个紧挨着你就用

<div class="row">
    <div class="col-md-6">
        Here your text
    </div>
    <div class="col-md-6">
        <img />
    </div>
</div>

这是你的短信

---

这应该可以解决您的问题，请记住递增计数超过12次。按col-md-4更改col-md-12:=>1行=12（8+4）按col-md-4更改col-md-12:=>1行=12（8+4）