Semantic UI

Semantic UI
ItemDescription
URL https://semantic-ui.com/
License MIT
Semantic UI v2.4.2
ModuleSize
semantic.min.css 613KB
semantic.min.js 269KB

Container

<div class="ui container">
コンテナはサイトのコンテンツをラップする固定幅の要素です。
一定のサイズのままで、中央にマージンを使用します。
ページコンテンツをグリッド内に中央揃えする最も簡単な方法です。
</div>
コンテナはサイトのコンテンツをラップする固定幅の要素です。 一定のサイズのままで、中央にマージンを使用します。 ページコンテンツをグリッド内に中央揃えする最も簡単な方法です。
<div class="ui text container">
テキストコンテナは、テキストに対して最適化された特別なタイプのコンテナです。
グリッドを使用する必要がなく、基本的なページレイアウトを簡素化するのに役立ちます。
</div>
テキストコンテナは、テキストに対して最適化された特別なタイプのコンテナです。 グリッドを使用する必要がなく、基本的なページレイアウトを簡素化するのに役立ちます。

Grid

<div class="ui grid">
  <div class="column">.column</div>
  <div class="column">.column</div>
</div>
.column
.column
<div class="ui three column grid">
  <div class="row">
    <div class="column">.column</div>
    <div class="column">.column</div>
    <div class="column">.column</div>
  </div>
</div>
.column
.column
.column