2016-12-01 6 views
2

これは理論的にはうまくいかないでしょうか?私はこの箱を右側に浮かそうとしています... 3列の行に...私はここで間違っていますか?ここでBoostrap4ヘルパークラスpull-xs-left

はペンです:https://codepen.io/lucky500/pen/JbMMby

<div class="container"> 
 
    <div class="row"> 
 
    <div class="column col-xs-4 pull-xs-left"> 
 
    <div class="card card-block"> 
 
     <h4 class="card-title">Card title</h4> 
 
     <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> 
 
     <a href="#" class="card-link">Card link</a> 
 
     <a href="#" class="card-link">Another link</a> 
 
    </div> 
 
    </div> 
 
</div> 
 
</div>

は助けに感謝します!

答えて

2

codepenで使用しているブートストラップ4のバージョンには、プル - {ブレークポイント} - {左/右}は含まれていません。 BS4のクラスは最近急速に変化しており、ドキュメントでクラスを使用する際に問題が発生する可能性があります。たとえば、プル - が最近浮動小数点に変更されました。

例のバージョンのBS4では引き続きプル・左とプル右を使用できます。

+1

ありがとうエリック...あなたはそうだった、彼らはこのヘルパークラスの名前を私の場合float-xs-rightに変更しました。ありがとう。 – Lucky500

関連する問題