3

Bootstrap 的新手，几乎完全遵循这个问题，并且似乎无法让我的药丸/标签居中？

</head> <body>
    <div class="container">
      <ul class="nav nav-pills">
        <li><a href="#home" data-toggle="tab">Home</a></li>
        <li><a href="#profile" data-toggle="tab">Profile</a></li>
        <li><a href="#messages" data-toggle="tab">Messages</a></li>
        <li><a href="#settings" data-toggle="tab">Settings</a></li>
      </ul>
    </div>
<html> 


.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}

.nav-pills {
    text-align:center;
}

我在一个名为 style.css 的文件中有 CSS，我正在导入

<link href="style.css" rel="stylesheet" type = "text/css">

这两个文件都在引导文件夹中，所以不确定发生了什么

4

1 回答 1

4

您需要覆盖引导程序定义的 .nav-pills css 类（正如您已经在做的那样）。您应该更新边距并为元素指定宽度。

.nav-pills {
    margin: 0 auto;
    padding: 0;
    width: 400px;
}
于 2012-09-15T05:04:36.653 回答