2017-10-19 10 views
0

私はブートストラップ4.0ベータ版を使用してサイトを設計しており、レスポンシブユーティリティでスタックしています。戻るブートストラップ3で、それはだった:hidden-xshidden-mdなどブートストラップ4の列を非表示にするベータ版

ブートストラップ4.0アルファが-up追加と-down:これらのクラスResonsive utilitiesからhidden-sm-downhidden-md-upが、私はブートストラップ4ベータ版でこの機能を動作させるための方法を見つけることができません。

Bootstrap 4.0 Betaのみを使用してsmとxsの表示で次の列を非表示にしたい場合、どうすればよいでしょうか?

<div class="col-md-12 col-lg-8 col-xl-4"> 
    <p>Here is my text</p> 
</div> 

私はBootstrap 4 Beta Docsをとかし、古いやり方と無駄に想像通りのbevvyの多くを試みました。

答えて

1

Bootstrap v4 Betaは、投稿が参照する応答ユーティリティのほとんどを削除しました。代わりに、あなたはそれらの表示クラスに依存する必要があります:d-md-blockはブロックレベルをする中、ブレークポイント(およびそれ以上)のための表示を設定しながら、

<div class="col-md-12 col-lg-8 col-xl-4 d-none d-md-block"> 
    <p>Here is my text</p> 
</div> 

d-noneは、すべての視点の誰にも負けない表示を設定します。意見の領土へ方向転換のリスクが、これはあまり直感的なようだが、彼らはアルファのドキュメントで、このロジックの後ろにいくつかの推論を提供します。

https://getbootstrap.com/docs/4.0/migration/#responsive-utilities

関連する問題