2014-01-28 50 views
-2

你好我是新手引导,我想在一行显示这些图像。这里是代码:用BS3在一行上显示图像

<div class="container"> 
    <div class="row"> 
     <div class="col-lg-12 col-md-12 col-sm-12"> 
    <div class="col-lg-3 col-md-3 col-sm-3"> 
     <img src="img/LOGO2.jpg"> 
    </div> 
    <div class="col-lg-6 col-md-6 col-sm-6"> 
     <img src="img/w.jpg"> 
    </div> 
    <div class="col-lg-3 col-md-3 col-sm-3"> 
     <img src="img/f.jpg"> 
     <img src="img/y.jpg"> 
    </div> 
    </div> 
    </div> 

我在做什么错?

+0

尝试设置浮子留在两个图像。 –

+0

只有中心的图像可以追溯到facebook和youtube的两张图像。 –

+0

我觉得我不明白。如果你想在一行上添加这四个图像到你的css文件中。 '.row div div {float:left;}' –

回答

0

如果您在小窗口(如移动设备)上查看文档,则图像将会下降而不会出现在同一行上。

添加其他前缀类的div元素的超小型设备.col-xs

  • .col-xs-*超小型设备(< 768px)
  • .col-sm-*小型设备片(≥768px)
  • .col-md-*剂装置,台式机( ≥992px)
  • .col-lg-*大型设备台式机(≥1200像素)

http://jsfiddle.net/e9yN5/