2016-12-26 11 views
0

私はブートストラップを学んでいます。 私のプロジェクトでは、 "visible-xs-block"はクラス名です。しかし、私は、ソースコードを見つけるためにどこBootstrap.cssファイルに "visible-xs-block"ソースコードが見つかりません

<div class="row"> 
 
    <div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div> 
 
    <div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div> 
 
    <!-- Optional: clear the XS cols if their content doesn't match in height --> 
 
    <div class="clearfix visible-xs-block"></div> 
 
    <div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div> 
 
</div>

ファイル?Bootstrap.cssに「可視XS-ブロック」のソースコードを見つけることができませんかここで

答えて

1

それは次のとおりです。

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { 
    display: none!important; 
} 
@media (max-width: 767px) { 
    .visible-xs-block { 
     display: block!important; 
    } 
} 
+0

"visible-xs-block"のソースコードはどこにありますか? 'bootstrap.css'ファイルを開きますが、見つけられませんでした。 – lbs0912

+0

あなたのページが開いている間ブラウザの 'Ctrl + Shift + I'を押し、「インスペクタ」ウィンドウでページ要素を調べます。 – Banzay

+0

またはhttps://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css – Banzay

1

.visible-xs-blockはそれがmigration hintsを参照してください、ブートストラップ4にはもう存在しないブートストラップ3から古いクラスです。

+0

ありがとう、私はあなたの助けによってそれを見つけました。 – lbs0912

+0

それから、他のユーザーに見えるように回答としてマークしてください(概要に緑色で表示されます)。 – Stony

関連する問題