Twitter bootstrap 将映像放在引导程序中的div旁边
我有新的in-Bootsrap,我在将图像放在另一个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>
<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>
服务