Question

我是LESS的新手，并尝试自定义Bootstrap，但我已经能够创建一个继承所有面板主色的公共面板类。我这样做是为了如果我想改变我的所有面板以表示面板默认我只是在一个地方进行改变而他们都得到了新的类。

我想做的是将身体的背景颜色改为浅灰色。我想我可以像下面这样做，但它没有捡起颜色。

.vtc-panel{
    .panel;
    .panel-primary;
    .panel-body{
        background-color:gainsboro!important;
    }    
}

这就是我使用该课程的方式。

<div class="vtc-panel">
    <div class="panel-heading">
        <div class="row">
            <div class="col-md-3">
                <span class="punch-employee-info">Name: </span><span class="punch-employee-info-value">@Model.EmployeeName</span>
            </div>
            <div class="col-md-4">
                <span class="punch-employee-info">Employee #: </span><span class="punch-employee-info-value">@Model.EmployeeNumber</span>
            </div>
            <div class="col-md-5"></div>
        </div>
    </div>
    <div class="panel-body">

Answer 1

尝试更改CSS

.vtc-panel{
   .panel;
   .panel-primary;
   .panel-body{
       background-color:gainsboro !important;
    }    
}

另外，请尝试清除缓存。这可能会有所帮助。

这应该可以解决问题。

如何在LESS文件中更改Bootstrap panel-body？

1 个答案: