Bootstrap中心丸

Question

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">

这两个文件都在bootstrap文件夹中，所以不确定是怎么回事

Answer 1

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

.nav-pills {
    margin: 0 auto;
    padding: 0;
    width: 400px;
}

Bootstrap中心丸

问题描述

1 个解决方案

解决方案1
4 已采纳 2012-09-15 05:04:36

Bootstrap中心丸

问题描述

1 个解决方案

解决方案1 4 已采纳 2012-09-15 05:04:36

解决方案1
4 已采纳 2012-09-15 05:04:36