Bootstrap 3 - 在同一行显示文本和图像

Question

我正在使用BootStrap 3框架开始一个网站.以下是我遇到问题的代码部分:

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

这是输出的样子:

如何将图像与文本放在同一行？我尝试<img>在col-md-8div标签内放置,尝试没有指定任何coldiv值,但没有一个工作.任何帮助表示赞赏.CSS是通用bootstrap min css.

Answer 1

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

所以,如果你想让彼此相邻的两个你用...

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

这应该可以解决你的问题,记住计数超过12包.