如何在使用col時浮動div元素 - * - pull或col - * - push？

我有三個div S作爲波紋管一個示例頁面：如何在使用col時浮動div元素 - * - pull或col - * - push？

<body class="container"> 
 
    <div class="row"> 
 
    <div class="col-lg-4 col-md-6 col-md-push-6 col-lg-push-0"></div> 
 
    <div class="col-lg-4 col-md-6 col-md-pull-6 col-lg-pull-0"></div> 
 
    <div class="col-lg-4 col-md-6 col-md-push-6 col-lg-push-0"></div> 
 
    </div> 
 
</body>

當瀏覽器的尺寸達到md點和第2 div比第一div第三div更高進入右側第一。我應該如何改變網格實現來修復它？我有codepen.io

來源

2017-01-02 Saeid Alidadi

錯誤的語法時才代碼：

沒有必要的col-lg-4.col-md-6它替換到col-lg-4 col-md-6

<body class="container"> 
    <div class="row"> 
    <div class="col-lg-4 col-md-6 col-md-push-6 col-lg-push-0"></div> 
    <div class="col-lg-4 col-md-6 col-md-pull-6 col-lg-pull-0"></div> 
    <div class="col-lg-4 col-md-6 col-md-push-6 col-lg-push-0"></div> 
    </div> 
</body>

而且，如果你還替換最後一個山坳-MD-推6和同事lg-push-0到col-md-offset-6和col-lg-offset-0。它應該按照你想要的方式行事。

這裏分叉codepen

發生這種情況，因爲抵消了比推在引導不同的方式工作。 Here is reason

來源

2017-01-02 19:05:38 squiroid

感謝您的關注 –

@SaeidAlidadi我已經更新了我的回答，請檢查。 – squiroid

你沒有改變，我看到:) –

<body class="container"> 
    <div class="row"> 
    <div class="col-lg-4 col-md-6 col-md-push-6 col-lg-push-0"></div> 
    <div class="col-lg-4 col-md-6 col-md-pull-6 col-lg-pull-0"></div> 
    <div class="col-lg-4 col-md-6 col-md-pull-6 col-lg-push-0"></div> 
    </div> 
</body>

來源

2017-01-02 19:27:23

如何在使用col時浮動div元素 - * - pull或col - * - push？

回答

相關問題