5

Semantic-ui サイドバーの幅は 275px です。それらを広くまたは狭くするcss/jsをどこに追加すればよいですか?

彼らのコードは

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

これを変更すると、その変更はすべてのサイドバーに対してグローバルになります。コンテンツの幅を変更すると、セマンティック UI は変更を無視し、デフォルトの 275px で上書きします。

ここでサイドバーの例を見つけることができます: http://semantic-ui.com/modules/sidebar.html#/examples

4

3 に答える 3

6

これを行う 1 つの方法は、新しいクラスを追加することです。

.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-02T17:07:27.937 に答える