如何減少引導麪包屑的高度和文本填充？

Question

我只是想知道如何降低高度，文字和標準引導麪包屑的箱子邊之間的垂直邊距：

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<ol class="breadcrumb"> 
 
    <li class="breadcrumb-item active">Home</li> 
 
</ol> 
 
<ol class="breadcrumb"> 
 
    <li class="breadcrumb-item"><a href="#">Home</a></li> 
 
    <li class="breadcrumb-item active">Library</li> 
 
</ol> 
 
<ol class="breadcrumb"> 
 
    <li class="breadcrumb-item"><a href="#">Home</a></li> 
 
    <li class="breadcrumb-item"><a href="#">Library</a></li> 
 
    <li class="breadcrumb-item active">Data</li> 
 
</ol>

原文：

我需要的是：（減小條的嘀嗒聲以及文本與t之間的間距他禁止上下邊界。 THS字體大小保持不變）

Answer 1

設置填充在.breadcrumb類通過重寫引導CSS

.breadcrumb { 
 
    padding: 2px 15px !important; 
 
}

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<ol class="breadcrumb"> 
 
    <li class="breadcrumb-item active">Home</li> 
 
</ol> 
 
<ol class="breadcrumb"> 
 
    <li class="breadcrumb-item"><a href="#">Home</a></li> 
 
    <li class="breadcrumb-item active">Library</li> 
 
</ol> 
 
<ol class="breadcrumb"> 
 
    <li class="breadcrumb-item"><a href="#">Home</a></li> 
 
    <li class="breadcrumb-item"><a href="#">Library</a></li> 
 
    <li class="breadcrumb-item active">Data</li> 
 
</ol>

Answer 2

變化的填補

CODE：

.breadcrumb { 
    padding-top: 0px; 
    padding-bottom: 0px; 
} 

實施例：https://jsfiddle.net/a2v66hrh/

Answer 3

添加到您的自定義CSS文件，例如：

.breadcrumb { 
    padding: 4px 15px; 
} 

引導定義8PK的頂部和底部填充。只需使用比此更低的值。

Answer 4

只需添加下面的CSS

.breadcrumb { 
    padding:1px 15px !important; 
}