Question

我刚开始学习bootstrap，但我不知道这里的代码出错了。这是导航条形码taken from here 我使用过bootstrap-4.0.0-alpha.6-dist.zip版本。

<!doctype html>
<html>
    <head>
        <title>first boot</title>
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
        <script src="js/jquery.js"></script>        
        <script src="js/bootstrap.js"></script>     
    </head>
    <body>
    <div class="container">
        <ul class="nav nav-pills" role="tablist">
            <li role="presentation" class="active"><a href="#">Home <span 

class="badge">42</span></a></li>
            <li role="presentation"><a href="#">Profile</a></li>
            <li role="presentation"><a href="#">Messages <span 

class="badge">3</span></a></li>
        </ul>
    </div>
</body>
</html>

My result is here

Answer 1

You're using Bootstrap Alpha 4.0.0 with class names from an earlier version of Bootstrap. The current recommended version seems to be 3.3.7. If you really want to use Bootstrap 4.0.0, read up on the alpha documentation，否则为什么超链接不会中断;它的班级名称略有不同。

我的导航无法使用bootstrap-4.0.0

1 个答案: