2

ここに示すように、スタック可能な効果を達成しようとしています： http ://twitter.github.com/bootstrap/components.html#navs

しかし、どういうわけかそれは私のために働いていません。これが私が作成したプランクへのリンクです：http： //plnkr.co/edit/LSR3ijKGiOIyrYAbHm7g ブートストラップのナビゲーションバー効果なしで3つのリストアイテムを上下に表示するだけです。

<!doctype html>
<html>
<head>
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
    <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>

</head>

<body>
    <div class="row-fluid">
        <div class="offset4 span4">
            <ul class="nav nav-tabs nav-stacked">
                <li> Item1</li>
                <li> Item2</li>
                <li> Item3</li>
            </ul>
        </div>
    </div>
</body>
</html>

nav-stackedのような単純なものが機能していないという過ちを犯しているに違いありません。誰かが私の間違いを指摘してくれたら嬉しくてありがたいです。

4

1 に答える 1

3

次のようにコンテンツをアンカーに入れます。

<ul class="nav nav-tabs nav-stacked">
    <li class="active"><a href="#">Item1</a></li>
    <li><a href="#">Item2</a></li>
    <li><a href="#">Item3</a></li>
</ul>

デモ: http://jsfiddle.net/jpKAF/

于 2013-03-18T07:00:23.023 に答える