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 に答える