セマンティックUIグリッドクラス

Question

が最もCSSフレームワークでは、グリッドのクラスが明確にブートストラップは、セマンティックUIを通じて読む

xs (for phones) 
sm (for tablets) 
md (for desktops) 
lg (for larger desktops) 

を持っ例えば定義され、誰もが、彼らが何であるかを知っている、グリッドクラスに持っていないようですか？

Answer 1

意味論は、グリッドクラスを持っています。hereです。

しかし、あなたが参照しているのは、media queriesによって制御されているサイズです。

メディアクエリは、デバイス仕様に基づいていくつかのルールを選択的に適用する方法です。

私たちは、ブートストラップコードを見れば、我々はのようなものを参照してください。

@media (max-width: 767px) { 
    .visible-xs { 
     display: block !important; 
    } 
    table.visible-xs { 
     display: table !important; 
    } 
    tr.visible-xs { 
     display: table-row !important; 
    } 
    th.visible-xs, 
    td.visible-xs { 
     display: table-cell !important; 
    } 
    } 
    @media (max-width: 767px) { 
    .visible-xs-block { 
     display: block !important; 
    } 
    } 
    @media (max-width: 767px) { 
    .visible-xs-inline { 
     display: inline !important; 
    } 
    } 
    @media (max-width: 767px) { 
    .visible-xs-inline-block { 
     display: inline-block !important; 
    } 
    } 

セマンティックUIはあなたにそれのコンポーネントにこの懸念を持っているこの明示的な定義を与えるものではありませんが、これらは今、必要に応じて部品を示すメディアクエリですが、例えばhereセマンティックUIがcontainersに関する規則を適用すると、あなたは同じ目的のためにそれらを使用することができます。

コンテナは応答し、彼らはappearinある画面の大きさに基づいて、彼らの最大の幅を調整するように設計されていますg。