css - 易2.0 : Overriding Bootstrap CSS causes glyphicons fail

标签 css twitter-bootstrap yii2 glyphicons

我正在尝试在我的元素中覆盖 Bootstrap css。 将此代码添加到配置文件中可以正常工作,但所有字形图标都无法正确显示

'assetManager' => [
'bundles' => [
    'yii\bootstrap\BootstrapAsset' => [
         'sourcePath' => '@webroot',
         'css' => ['css/bootstrap.css']
         ],
    ],
],

上一页: enter image description here

后页: enter image description here

我知道字体文件丢失,但如何添加它们?

最佳答案

所以这是我对 yii2 和 bootstrap 的误解。 要覆盖 bootstrap css,我们需要将 bootstrap distributive(不仅仅是 bootstap.css)复制到新目录,在我的例子中,它是 Web 可访问的 web/custombootstrap/dist

并在配置文件中重写如下:

'assetManager' => [
    'bundles' => [
        'yii\bootstrap\BootstrapAsset' => [
            'basePath' => '@webroot',
            'baseUrl' => '@web/custombootstrap/dist',
            'css' => ['css/bootstrap.css']
        ],
    ],
],

关于css - 易2.0 : Overriding Bootstrap CSS causes glyphicons fail,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36161349/

相关文章:

html - 为什么 CSS 无法居中对齐?

Yii2 重定向到上一页

html - 在 gridview 行 yii2 中禁用交替背景颜色

twig - Yii2 twig HTML 辅助函数不起作用

html - 具有透明背景和旋转渐变边框的按钮

html - 将内 Angular 弧形边框添加到事件菜单

javascript - jQuery脉动代码与滚动图像jQuery代码冲突

html - DIV 元素高度不会自动增长

html - 在图像下添加标题会破坏 Bootstrap 图像网格

javascript - AngularJS/Bootstrap 应用架构