html – 如何在一行Bootstrap 3上显示两个图像

前端之家收集整理的这篇文章主要介绍了html – 如何在一行Bootstrap 3上显示两个图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
你好,我是新手,我想知道如何在一行显示两个图像并保持响应功能.你能举个例子吗?
<div class="col-xs-12 col-md-8">
<img src="images/l.jpg" class="img-responsive" alt="logo">
 </div>

解决方法

当然,对于BS2:
<div class="row-fluid">
    <div class="span6"><img src="yourimage"/></div>
    <div class="span6"><img src="yourimage"/></div>
</div>

对于BS3:

<div class="row">
    <div class="col-xs-6 col-md-6"><img src="yourimage"/></div>
    <div class="col-xs-6 col-md-6"><img src="yourimage"/></div>
</div>

编辑:2017/03/01
对于BS4(带FLEXBox):

<div class="row">
    <div class="col"><img src="yourimage"/></div>
    <div class="col"><img src="yourimage"/></div>
</div>

另一个解决方案是将图像浮动到左侧:

<img class="pull-left" src="yourimage"/>
<img class="pull-left" src="yourimage"/>

猜你在找的HTML相关文章