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

发布时间：2020-12-14 18:26:26 所属栏目：资源来源：网络整理

导读：你好,我是新手,我想知道如何在一行显示两个图像并保持响应功能.你能举个例子吗？ 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=

你好,我是新手,我想知道如何在一行显示两个图像并保持响应功能.你能举个例子吗？

<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"/>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!