Question

我想问你如何在Yii2框架基本模板中更改navbar中的文本颜色（Home，About，...）？我尝试了很多东西，但没有任何效果。谢谢你的回复！

Answer 1

不

'options' => ['style' => 'color: #000;']]

但是

'linkOptions' => ['style' => 'color: #000;']]

linkOptions有效！颜色改变了

Answer 2

对于导航栏的<a>元素（链接）的文本，颜色在bootstrap.min.css中定义。

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: #1a242f;
color: #ffffff;
}

然后，如果你想改变css，你必须改变bootstrap.css和最小化..

一种简单的方法是直接改变布局中的样式..

使用li标签的选项和相关链接的linkOption直接更改项目的样式

<?php
  NavBar::begin([
      'brandLabel' => 'Name',
      'brandUrl' => Yii::$app->homeUrl,
      'options' => [
          'class' => 'my-navbar navbar-fixed-top',
      ],
  ]);
  echo Nav::widget([
      'options' => ['class' => 'navbar-nav navbar-right'],
      'items' => [
          ['label' => 'Home', 'url' => ['/site/index'], 'options' => ['style' => 'background-color: #F00;']],
          ['label' => 'About', 'url' => ['/site/about']], 'linkOptions' => ['style' => 'color: #000;']],
          Yii::$app->user->isGuest ?
              ['label' => 'Login', 'url' => ['/site/login']] :
              [
                  'label' => 'Logout (' . Yii::$app->user->identity->username . ')',
                  'url' => ['/site/logout'],
                  'linkOptions' => ['data-method' => 'post']
              ],
      ],
  ]);
  NavBar::end();
?>

Answer 3

而不是使用'linkOptions' => ['style' => 'color: #000;']]

我做了'linkOptions' => ['class' => 'myCssClass']]

这对我有用

Yii2如何更改导航栏

3 个答案: