2016-12-26 40 views
0

我正在學習Bootstrap。 在我的項目中,「visible-xs-block」是一個類名。但我不能找到Bootstrap.css「可見-XS-塊」源代碼文件在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>

在哪裏可以找到源代碼?

回答

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並在「Inspector」窗口中檢查頁面元素。 – Banzay

+0

或查看https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css – Banzay

1

.visible-xs-block是引導3舊的階級它不再出現在引導4.請參閱migration hints

+0

非常感謝,我在你的幫助下找到了它。 – lbs0912

+0

然後請將其標記爲已回答供其他用戶查看(在概覽中顯示爲綠色)。 – Stony