Bootstrap導航藥丸之間有額外的空白空間

這是一個簡單的自舉代碼，我正在嘗試，其中浮動塊單元之間有額外的空間。我如何刪除它，爲什麼它在那裏？Bootstrap導航藥丸之間有額外的空白空間

<ul class="nav nav-pills"> 
    <li style="width: 40%; background: #8ac1dc;" class="active"> 
    <a href="#ap-about" data-toggle="tab" aria-expanded="true">About</a> 
    </li> 
    <li style="width: 40%; background: #ff6666"> 
    <a href="#ap-personal" data-toggle="tab">Account</a> 
    </li> 
</ul>

Jsfiddle

來源

2017-07-03 StudentX

如果你問abt空間beetween錨文本和導航那麼你可以從左側刪除填充錨標記 – CyberAbhay

刪除保證金

CSS

.nav-pills>li+li{ 
    margin:0px; 
}

來源

2017-07-03 06:14:25

試試這個： -

<ul class="nav nav-pills"> 
    <li style="width: 40%; background: #8ac1dc;" class="active"> 
    <a href="#ap-about" data-toggle="tab" aria-expanded="true" style="border-radius: 0;">About</a> 
    </li> 
<!-- --> 
<li style="width: 40%; background: #ff6666;margin:0"> 
    <a href="#ap-personal" data-toggle="tab" style="border-radius: 0;">Account</a> 
</li> 
</ul>

來源

2017-07-03 06:14:17 noobcode

轉到您的bootstrap.css文件上線4093和編輯的2px 0

.nav-pills > li + li { 
    margin-left: 0; 
}

來源

2017-07-03 06:15:16

它不是一個好主意，編輯該文件 – CyberAbhay

但通過這樣做，它會解決他的問題，在每一頁。他不需要重複做同樣的工作。 –

如果需要在多個頁面中，則他可以添加帶重要標記的自定義樣式文件。 – CyberAbhay

Update the bootstrap.css margin-left from 2px to 0px 
.nav-pills > li + li { 
    margin-left: 0px; 
}

來源

2017-07-03 06:19:39

添加自定義類在UL像my-nav-pills

，並添加CSS像下面

.my-nav-pills li{ 
    margin-left:0px; 
}

是連擊覆蓋引導類和不改變默認引導類的CSS。

來源

2017-07-03 06:20:11

Bootstrap導航藥丸之間有額外的空白空間

回答

相關問題