2017-04-27 15 views
1

私はbootstrap 4でcustom.cssを使用しています。次のようなナビゲーションバーがあります。 enter image description here 私は白と黒の選択肢を持っています。それのためにブートストラップCSSをカスタマイズする正しい方法は何ですか?ここに私のcustom.cssがあります。私がこれまでに変更したのはすべてvar $ blueです。Bootstrapをカスタマイズ4 navbarの選択

$blue: #0072bb; 

ありがとうございました。

更新。ナビゲーションバーコードの追加:

<nav class="navbar navbar-inverse bg-primary" style="height:100%;"> 
      <ul class="nav navbar-nav" id="mainNavbar"> 
       <li class="nav-item"> 
        <a class="nav-link" id="settings_nav_system" data-toggle="tab" 
         ui-sref="body.settings.systemdefaults(
         stateParams[0])" 
         href="#" ng-show="service.permissions['system']>0"> 
         <i class="fa fa-desktop fa-lg"></i> 
         <span>&nbsp;</span><span translate>PreferenceTitle_SystemDefault</span> 
        </a> 
       </li> 
       <li class="nav-item"> 
        <a class="nav-link" id="settings_nav_user" data-toggle="tab" 
         ui-sref="body.settings.preferences(
         stateParams[1])" 
         href="#" ng-show="service.permissions['user']>0"> 
         <i class="fa fa-pencil fa-lg"></i> 
         <span>&nbsp;&nbsp;</span><span translate>PreferenceTitle_User</span> 
        </a> 
       </li> 
      </ul> 
     </nav> 
+0

を使用すると、ナビゲーションバーコードを投稿することができますか? – ZimSystem

+0

私は自分の質問を更新しました。 – Mark

答えて

関連する問題