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 class =“container”

然后，如果要在文本旁边显示图像，可以将列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>

将图像放在boot中的div旁边

1 个答案: