如何更改semantic-ui側邊欄的默認寬度？

Semantic-ui側邊欄寬275px。我應該在哪裏添加使其更寬或更窄的css/js？如何更改semantic-ui側邊欄的默認寬度？

他們的代碼是

.ui.sidebar { 
    width: 275px!important; 
    margin-left: -275px!important; 
}

如果我修改了這一點，那麼改變是對所有的邊欄。如果我更改其內容的寬度，semantic-ui會忽略我的更改並使用默認的275px覆蓋它。

你可以在這裏找到側邊欄例如： http://semantic-ui.com/modules/sidebar.html#/examples

來源

2014-03-01 Mihai Oprea

也許使用其大小偏差？ – gustavohenke

是的，這是一種方式，除了我需要更多的定製。我最終創造了一個新的尺寸變化。這似乎是現在可以接受的方式。語義UI用戶計劃添加css變量：https：//github.com/Semantic-Org/Semantic-UI/issues/216;他們會讓這個任務變得更容易。 –

是的，'寬'和'非常寬'的變化有很大的差異，這可能不是你要找的，所以你的解決方案可能是最好的:) – gustavohenke

一種方式來做到這一點是隻需添加一個新的類：在

.ui.custom.sidebar { 
    width: 315px !important; 
    margin-left: -315px !important; 
} 

.ui.active.custom.sidebar { 
    margin-left: 0px !important; 
} 

.ui.active.right.custom.sidebar { 
    margin-left: -315px !important; 
}

來源

2014-03-02 17:07:27

變化max-width到一個更大的值而不是默認的你的CSS。

max-width: 1000px !important;

來源

2015-03-05 15:15:26 LibyaPages

如何更改semantic-ui側邊欄的默認寬度？

回答

相關問題