2015-04-30 18 views
5

làm cách nào tôi có thể sử dụng CSS tùy chỉnh (thu được từ mẫu HTML bootstrap) với giao diện khung công tác yii2? (Tôi đang sử dụng Yii mẫu tiên tiến)custom bootstrap css cho giao diện người dùng YII2

điều tôi đã cố gắng và điều đó không làm việc:

  • thêm đường dẫn đến tập tin tùy chỉnh css trong frontend\assets\AppAsset.php
  • thay thế các tập tin bootstrap-theme.css dưới frontend\web\assets\e4f17951\css\
  • sửa đổi frontend\config\main.php theo tutorial

E này DIT:

sau hướng dẫn này, tôi bổ sung này để chính-local.php:

'assetManager' => [ 
    'bundles' => [ 
     'yii\bootstrap\BootstrapAsset' => [ 
      'sourcePath' => 'frontend/web', 
      'css' => ['css/bootstrap.css', 'css/agency.css'] 
      ], 
     ], 
    ], 

có lẽ cái gì sai với SourcePath?

mọi trợ giúp sẽ được đánh giá cao.

+0

Vui lòng thêm chi tiết về lý do tại sao nó không làm việc (chỉ dành cho ba) – soju

+0

tôi đã thêm chi tiết. –

Trả lời

7

Bạn có thể chỉnh sửa tệp cấu hình web giao diện người dùng của mình để trỏ tới bootstrap.css tùy chỉnh của bạn. Lưu ý rằng đường dẫn là tương đối.

'assetManager' => [ 
    'bundles' => [ 
     'yii\bootstrap\BootstrapAsset' => [ 
      'css' => [ 
       'bootstrap.css' => 'path/to/your/bootstrap.css' 
      ] 
     ] 
    ] 
], 
+0

mẫu html bootstrap có cùng tệp bootstrap.css so với ứng dụng YII. và tệp thứ hai, 'agency.css', là tùy chỉnh là thứ tôi cần, ở trên tập tin bootstrap "gốc" PS: xin lỗi vì tiếng anh của tôi. –

3

bạn thực sự có thể chỉnh sửa các tập tin AppAsset.php

<?php 
namespace frontend\assets; 
use yii\web\AssetBundle; 
/** 
* Main frontend application asset bundle. 
*/ 
class AppAsset extends AssetBundle 
{ 
    public $basePath = '@webroot'; 
    public $baseUrl = '@web'; 
    public $css = [ 
     // add your bootstrap or any other css file path 
     // example 
     'css/bootstrap.css', 
     'css/agency.css', 
     'css/site.css', 
    ]; 
    public $js = [ 
    ]; 
    public $depends = [ 
     'yii\web\YiiAsset', 
     // 'yii\bootstrap\BootstrapAsset', remove/comment this 
     // as you don't want to use default bootstrap 
    ]; 
} 

nó nên giải quyết vấn đề của bạn

Các vấn đề liên quan