2014-01-28 47 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/