ブートストラッププッシュとプルのオプションは

Question

私は、グリッドオプションプルとプッシュを使用しようとしています動作しているようですしませんが、彼らが働くようでありません。私はブートストラップのCSSとかjs（プッシュ/プルがjsかCSSを介して行われているかどうかはわかりません）の私の統合から来たと思います。

私は私のウェブページの最上部に動作するはずプッシュプルを追加しました：私はそれが動作しない理由はわかりません http://www.dylog.test.resamarket.com/clients/connexion

、および：

このURLで

<div class="row"> 
<div class="col-md-9 col-md-push-3">Should be on the right</div> 
<div class="col-md-3 col-md-pull-9">Should be on the left</div> 
</div> 

調査を開始する場所がわからない。

Answer 1

プッシュ/プルクラスが間違って適用されています。

形式は次のとおりです。

[push|pull]-[viewport size]-[column count]。

あなたがより簡単にスワップを見ることができるので、私は、列のいずれかを強調してきました。

.col-md-9.push-md-3 { 
 
    background-color: #fc0; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css" rel="stylesheet" /> 
 
<div class="container"> 
 
    <div class="row"> 
 
    <div class="col-md-9 push-md-3">.col-md-9 .push-md-3</div> 
 
    <div class="col-md-3 pull-md-9">.col-md-3 .pull-md-9</div> 
 
    </div> 
 
</div>

Answer 2

私はあなたが、ブートストラップ4.0アルファのダウンロード版を使用していることがわかります。私は行を追加した場合：<title>タグの後やお電話の上

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 

を、それだけで正常に動作します。ファイルがうまくいくように見える理由はわかりません。 Bootstrapのプロダクションバージョンで試してみることをお勧めします。

col swap http://webdevpdx.com/soverflow/col-swap.png