セマンティックUIグリッドに基づくページレイアウト：溝を削除できません

Question

semantic-uiを使用してWebアプリケーションを作成しています。私は、サイドバーとメインコンテンツエリアを持つレイアウトを作成しようとしています。

1. 列と行の「削除」する唯一の方法
それらの間の余分なスペース/雨どいを持っています：最初は、私は、彼らはいくつかの問題を引き起こすことを除いて、グリッドを使用して、移動するための方法だろうと思いました雨どいは <div class="four wide black column">のようなものを持つ列の色を設定することですが、彼らは機能を提供しませんが、これは、だから、そのグリッドを思わ

は、ページレイアウトを作成するための最適なツールではありません他のコンテンツと重複する列を引き起こしますページレイアウト（セクションサイズの定義; four wide column,ten wide columnなど）

シンプルなサイドバーやメインコンテンツの列など、Semantic-UIを使用してWebアプリケーションをレイアウトするには、どのような方法が推奨されますか？

Answer 1

なぜあなたは、

.your-custom-class.grid { 
    margin: 0; 
} 
.your-custom-class.grid .column { 
    padding: 0; 
} 

を「グリッド」と、このような「列」のために適用されるデフォルトのマージンやパディングをオーバーライドしていないこのように、あなたは列の間にスペースをグリッドを取得します。