将图像放在引导区的div旁边

Question

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

Answer 1

首先，尽量把你的行内容放入一个div类=“容器”

然后，如果你想显示在文本旁边你的形象，你可以添加类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>