Comment modifier la barre de navigation de couleur dans Yii2

J'ai besoin de changer la couleur de la barre de navigation dans Yii2 (où j'ai à la Maison, Sujet,...) comment puis-je faire cela? Je ne veux pas changer de thème.

c'est le site le fichier css:

html,
body {
height: 100%;
}
.wrap {
min-height: 100%;
height: auto;
margin: 0 auto -60px;
padding: 0 0 60px;
}
.wrap > .container {
padding: 70px 15px 20px;
}
.footer {
height: 60px;
background-color: #B0C4DE;
border-top: 1px solid #ddd;
padding-top: 20px;
}
.jumbotron {
text-align: center;
background-color: transparent;
}
.jumbotron .btn {
font-size: 21px;
padding: 14px 24px;
}
.not-set {
color: #c55;
font-style: italic;
}
/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
padding-left: 5px;
}
a.asc:after {
content: /*"\e113"*/ "\e151";
}
a.desc:after {
content: /*"\e114"*/ "\e152";
}
.sort-numerical a.asc:after {
content: "\e153";
}
.sort-numerical a.desc:after {
content: "\e154";
}
.sort-ordinal a.asc:after {
content: "\e155";
}
.sort-ordinal a.desc:after {
content: "\e156";
}
.grid-view th {
white-space: nowrap;
}
.hint-block {
display: block;
margin-top: 5px;
color: #999;
}
.error-summary {
color: #a94442;
background: #fdf7f7;
border-left: 3px solid #eed3d7;
padding: 10px 20px;
margin: 0 0 15px 0;
}

et c'est l'affichage du site (index.php):

<?php
/* @var $this yii\web\View */
$this->title = 'ACME Database';
?>
<div class="site-index">
<div class="jumbotron">
<h1>Welcome to ACME Database!</h1>
</div>
<div class="body-content">
....

Mais je ne sais pas où la barre de navigation est configuré. J'ai essayé la modification de tous les fichiers d'amorce.les fichiers css (navbar) mais rien n'a changé.

  • Il serait utile si vous avez publié quelques extraits de code..
  • Vous avez besoin de faire un changement. - Cette réponse est aussi vague que votre question
InformationsquelleAutor Rori | 2015-04-14
  1. 5

    Si vous avez un coup d'oeil dans votre fichier de mise en page, vous verrez:

    NavBar::begin([
...
'options' => [
'class' => 'navbar-inverse navbar-fixed-top',
],
]);
...

    Si vous supprimez navbar-inverse la barre de navigation bg-couleur va du blanc. Si vous souhaitez changer la couleur de quelque chose d'autre vous pouvez ajouter my-navbar où navbar-inverse était et ajouter

    .my-navbar {
background-color: #yourcolor;
}

    De ne pas modifier les fichiers d'amorçage, il suffit d'ajouter ou même remplacer dans votre propre feuille de style css.

    MODIFIER

    Conseils: si vous utilisez google chrome barre d'outils du développeur (ou un truc similaire) il vous suffit de placer le pointeur de la éléments et de voir dans quelle classe ils sont de style avec, et puis écraser la classe dans votre propre feuille de style css.

    • Merci 🙂 c'est génial!
    InformationsquelleAutor Jørgen