基於Semantic-UI Grid的頁面佈局：無法刪除排水溝

Question

我正在使用semantic-ui創建Web應用程序。我正在嘗試創建一個具有側邊欄和主要內容區域的佈局。起初，我想用電網將要走的路，但他們造成了一些問題：

1. 的行和列將有額外的間距/他們
2. 爲「刪除」的唯一途徑之間的排水溝水槽是設置的東西，如<div class="four wide black column">列的顏色，但是這會導致列與其他內容重疊

如此看來，電網不創建頁面佈局的最佳工具，雖然他們提供的功能，其使它們對頁面佈局有用（如定義節的大小; four wide column，ten wide column等）

什麼是使用Semantic-UI佈局Web應用程序的推薦方式，如簡單的側邊欄和主要內容列？

Answer 1

你爲什麼不重寫申請「網格」和「列」這樣的默認margin和padding，

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

因此，你會得到沒有空間網格中的列之間。