更小分辨率的自舉網格重排

我有一個樣本自舉網格，如this fiddle中給出的。更小分辨率的自舉網格重排

<div class="row"> 
    <div class="col-md-3 col-xs-3">left</div> 
    <div class="col-md-6 col-xs-6">Center</div> 
    <div class="col-md-3 col-xs-3">Right </div> 
</div>

其中提請電網爲

當在分辨率較小的設備打開它，它提供了類似的信息（如果沒有col-xs-*類

但如何管理在更小分辨率的屏幕上重新排列如下所示的網格？

來源

2016-04-16 mpsbhat

我不知道，你會喜歡它，因爲它是無語義解：[的jsfiddle-示例]（https://jsfiddle.net/Igor_Ivancha/24cggL32/2/） –

你可以這樣做，但它會要求你改變源順序。

.col{ 
 
    border: 1px solid #000; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="row"> 
 
    <div class="col col-md-push-3 col-md-6 col-xs-12">Center</div> 
 
    <div class="col col-md-pull-6 col-md-3 col-xs-6">left</div> 
 
    <div class="col col-md-3 col-xs-6">Right </div> 
 
</div>

來源

2016-04-16 10:58:13 mchaste

更小分辨率的自舉網格重排

回答

相關問題