Html 引导程序3，nav药丸相对于其容器的全宽

我有以下问题

假设我有一个容器，它的宽度是

950px

。这个容器中有一个

nav pills

元素，但它的左右两侧都有边距，但我需要删除这些边距，以保持这个元素相对于原始容器的100%宽度，正如我之前所说的

950px

。我的代码如下所示：

<div class="container">
    <ul id="mytabs" class="nav nav-pills nav-justified" role="tablist">
        <li><a href="/link" role="tab" data-toggle="tab">link1</a></li>
        <li class="active"><a href="/link2" role="tab" data-toggle="tab">link2</a></li>
        <li><a href="/link3" role="tab" data-toggle="tab">link3</a></li>
        <li><a href="/link4" role="tab" data-toggle="tab">link4</a></li>
    </ul>
</div>

---

到目前为止，我尝试了很多方法来实现它，例如给药片

width:100%

，但仍然没有运气。下面是一个让你更好地理解我的问题的例子。

我想，你的意思是：

所以我去掉了填充物以获得100%的宽度

.container {
  width: 950px !important;
  padding-right:0;
  padding-left:0
}

发生这种情况的原因是容器类的

左填充和右填充

工作片段


.container{
宽度：950px！重要；
左侧填充：0px！重要；
右填充：0px！重要；
}







首先，感谢您花时间解决我的问题。不幸的是，这对我不起作用，药片仍然有利润。如果我尝试负属性，我会检查它们的行为。你测试的屏幕是什么？啊，没关系，现在一切都好，你的答案对我帮助很大：）谢谢你的答案，它对我有用，但不幸的是我不能将两个答案都标为正确：（是的，没问题：）
.container {
  width: 950px !important;
  padding-right:0;
  padding-left:0
}