Question

我想在bootstrap3中设置样式，就像这样

> db.collection.aggregate([
       {$sort: {'color': 1, value: -1}},
       {$group: {_id: '$color', value: {$first: '$value'}}}
 ]);

CSS：

<div class="progress">
    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria- valuemin="0" aria-valuemax="100" style="width: 60%;">
        <span class="sr-only">60% Complete</span>
    </div>
</div>

当我执行时，它会像进度条中的灰色一样留下边框底部。如何删除它？

Answer 1

默认情况下，Bootstrap设置box-shadow，因此您必须手动将其删除。请参阅：https://jsfiddle.net/1003ottc/

.progress{
    border:solid yellow;
    border-radius: 30px;
    box-shadow: none;
}
.progress-bar{
    background-color: yellow;
    box-shadow: none;
}

Answer 2

只需将box-shadow: none;提交给.progress-bar

即可

<强> Working Fiddle

尝试设置进度条bootstrap3的样式

2 个答案: