Bootstrap und Yii Framework

Question

Ich bin neu im Yii-Framework, und ich möchte mein Bootstrap-Design in dieses Framework implementiert bekommen.

Es gibt ein Problem jedoch in Bezug auf meine benutzerdefinierte CSS.

Seit wir haben navbar-default zum Einfärben der Navbar in Bootstrap. Ich hatte meine Navarbefehlsfarbe mit .navbar-default{color:red;} in meiner custom.css Datei geändert.

Es war nur gut mit

Jetzt Bootstrap, wenn ich dies dem Yü Rahmen hinzuzufügen von Haaren aus dem Sumpf default CSS außer Kraft gesetzt wird. Ich benutze den Link zum Bootstrap-CDN in meinem Kopf meines Yii-Projekts.

Answer 1

Seien Sie sicher, dass Sie eine richtige Asset definitin in yourApp/web dir

zB haben:

class AppAsset extends AssetBundle 
    { 
     public $basePath = '@webroot'; 
     public $baseUrl = '@web'; 
     public $css = [ 
      'css/custom.css', 
     ]; 
     public $js = [ 
     ]; 
     public $depends = [ 
      'yii\web\YiiAsset', 
      'yii\bootstrap\BootstrapAsset', 
     ]; 
    } 

und benutzerdefinierte CSS Orte im rechten dir ..

diese Weise sollten Sie haben die custom.css Link unter dem Link positioniert bootstrap.css

Beispiel:

<title>Your Title </title> 
<link href="/your_path/frontend/web/assets/bcc5353f/css/bootstrap.css" rel="stylesheet"> 
... 
<link href="/your_path/area_web_dev/catone2.0.0-dev/frontend/web/css/custom.css" rel="stylesheet"> 

Auf diese Weise des custom.css navbar-Standardstil den Bootstrap-Stil ..

Wie auch immer, wenn Sie nicht in der Lage zu setzen in der richtigen Reihenfolge yuor uosoum.css (und sicher sein, Sie haben nicht außer Kraft setzen sollte Fehler in der CSS-Datei) können Sie den Stil direkt in navbar Widget zuweisen auf diese Weise (so Sie führen einen Inline-Stil)

 NavBar::begin([ 
      'brandLabel' => $this->title = Yii::$app->name , 
      'brandUrl' => Yii::$app->homeUrl, 
      ], 
      'options' => [ 
       'class' => 'navbar-default navbar-fixed-top', 
       'style' = 'color:red;', 
      ], 
     ]); 

Answer 2

Ja, ich löste dies. Ich wusste nicht, dass ich einen Link zu Appassets hinzufügen kann. Also, ich habe gerade meinen Bootstrap cdn-Link vor custom.css eingefügt, so dass custom.css die Bootstrap-Standardeinstellungen überschreibt.