Twitter bootstrap 将映像放在引导程序中的div旁边

Twitter bootstrap 将映像放在引导程序中的div旁边,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我有新的in-Bootsrap,我在将图像放在另一个div旁边时遇到问题,它总是显示在它下面。我尝试过调整图像大小和其他一些事情,但没有成功。 代码如下: <div class="container"> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-6 hidden-lg"><h1>Services</h1>

我有新的in-Bootsrap,我在将图像放在另一个div旁边时遇到问题,它总是显示在它下面。我尝试过调整图像大小和其他一些事情,但没有成功。 代码如下:

       <div class="container">
        <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-6 hidden-lg"><h1>Services</h1>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 hidden-lg">
                   <img src="img/logo.jpg" class="img-responsive" alt="logo" />
                </div>
            </div>
    </div>

服务

首先,尝试将行内容放入div class=“容器”

然后,如果希望在文本旁边显示图像,可以将类col-xs-4(或其他数字)添加到列中

您的最终代码如下所示:

<div class="container">
 <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-4 hidden-lg"><h1>Services</h1>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-4 hidden-lg">
                   <img src="img/logo.jpg" class="img-responsive" alt="logo" />
                </div>
  </div>
</div>

服务

首先,尝试将行内容放入div class=“容器”

然后,如果希望在文本旁边显示图像,可以将类col-xs-4(或其他数字)添加到列中

您的最终代码如下所示:

<div class="container">
 <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-4 hidden-lg"><h1>Services</h1>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-4 hidden-lg">
                   <img src="img/logo.jpg" class="img-responsive" alt="logo" />
                </div>
  </div>
</div>

服务