桌面4列，平板電腦2和移動1使用引導

它非常有趣和有用的使用Bootstrap，目前我在創建以下要求時面臨問題。桌面4列，平板電腦2和移動1使用引導

「4列於桌面，兩列在平板電腦和手機使用引導1列」有誰能夠告訴我正確的結構

來源

2014-01-20 Sopo

創建[的jsfiddle]（http://jsfiddle.net）。 – Ruddy

這甚至在他們的文檔中作爲例子給出！ –

http://getbootstrap.com/css/#grid-example-mixed-complete – Anup

不知道這是你想要的，但看看這個： -

DEMO

<div class="row"> 
    <div class="col-md-3 col-sm-6 col-xs-12">Col 1</div> 
    <div class="col-md-3 col-sm-6 col-xs-12">Col 2</div> 
    <div class="clearfix visible-sm"></div> 
    <div class="col-md-3 col-sm-6 col-xs-12">Col 3</div> 
    <div class="col-md-3 col-sm-6 col-xs-12">Col 4</div> 
</div>

--- --- UPDATED DEMO

來源

2014-01-20 10:23:12 Anup

謝謝anup buddy – Sopo

你歡迎..！ – Anup

嘿，我應該需要在第二個之後添加

，因爲第三和第四個工作不正常 – Sopo

桌面4列，平板電腦2和移動1使用引導

回答

相關問題