Question

如何删除或最小化进度条和字符串之间的差距：

<div class='progress'><div class='progress-bar' role='progressbar' aria-valuenow='60' aria-valuemin='0' aria-valuemax='100' style='width: 80%;'></div></div>
<!--Here will be a huge whitespace, and needs to be removed-->
remove white space above this line

这是一个小提琴：http://jsfiddle.net/1ts9b5m4/

提前致谢！

Answer 1

使用style="margin-bottom:0px;"

<div class='progress' style="margin-bottom:0px;"><div class='progress-bar' role='progressbar' aria-valuenow='60' aria-valuemin='0' aria-valuemax='100' style='width: 80%;'></div></div>
<!--Here will be a huge whitespace, and needs to be removed-->
remove white space above this line

Answer 2

单靠保证金对我没有用。我必须覆盖进度条的margin-bottom 和高度CSS属性。我将其放入一个小的刀片文件中，并使用@include将其放置在使用进度条的表单的内容部分中。

在文件views / splitpieces / overridecss.blade.php中：

<style>
.progress-bar{ 
    margin-bottom:0px;
    height:1%;
}
</style>

在使用进度条的表单中：

@include('splitpieces.cssoverride')

对我来说，它必须在@section('content')内部才能工作，否则引导CDN胜过了样式修饰符。

希望这会有所帮助。

如何删除引导进度条下方的空白

2 个答案: