Html Can'；t使引导导航正确显示_Html_Css_Twitter Bootstrap

Html Can'；t使引导导航正确显示

html css twitter-bootstrap

Html Can'；t使引导导航正确显示,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我正在使用以前作为作业一部分创建的网站的框架来创建一个实际的网站。然而，当我复制所有代码时，我的导航系统看起来与我执行作业时的导航系统不一样这是代码，您可以在192.241.215.180查看它的一个实例导航应该是“药丸”，它们应该穿过，而不是堆积起来 <head> <link href="/css/bootstrap.min.css" rel="stylesheet"/> <link href="/css/bootstrap-theme.mi

我正在使用以前作为作业一部分创建的网站的框架来创建一个实际的网站。然而，当我复制所有代码时，我的导航系统看起来与我执行作业时的导航系统不一样

这是代码，您可以在192.241.215.180查看它的一个实例

导航应该是“药丸”，它们应该穿过，而不是堆积起来

<head>

    <link href="/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="/css/bootstrap-theme.min.css" rel="stylesheet"/>
    <link href="/css/styles.css" rel="stylesheet"/>

                <title>C$50 Finance: Portfolio</title>

    <script src="/js/jquery-1.10.2.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/scripts.js"></script>

</head>

<body>

    <div class="container">

        <div id="top">
            <a href="/"><img alt="C$50 Finance" src="/img/logo.gif"/></a>
        </div>

        <div class="navbar nav-pills" role="navigation">
            <div class="navbar-inner">
                <div class="container">
                    <ul class="nav navbar-nav">
                        <li><a href="/index.php">Home</a></li>
                        <li><a href="/buy.php">Buy</a></li>
                        <li><a href="/sell.php">Sell</a></li>
                        <li><a href="/quote.php">Quote</a></li>
                        <li><a href="/history.php">History</a></li>
                        <li><a href="/changepassword.php">Change Password</a><li>
                    </ul>
                </div>
            </div>
        </div>

        <div id="middle">
        </div>

        <div id="bottom">
            Copyright &#169; John Harvard
        </div>

    </div>

</body>


C$50财务：投资组合








版权©；约翰·哈佛

试试这个：

使用

完整HTML：

<div class="container">

            <div id="top">
                <a href="/">
                    <img alt="C$50 Finance" src="/img/logo.gif" /></a>
            </div>

            <div class="navbar nav-pills" role="navigation">
                <div class="navbar-inner">
                    <div class="container">
                           <ul class="nav nav-pills">
                            <li class="active"><a href="/index.php">Home</a></li>
                            <li><a href="/buy.php">Buy</a></li>
                            <li><a href="/sell.php">Sell</a></li>
                            <li><a href="/quote.php">Quote</a></li>
                            <li><a href="/history.php">History</a></li>
                            <li><a href="/changepassword.php">Change Password</a></li>
                        </ul>
                    </div>
                </div>
            </div>
         <div id="middle">
            </div>

            <div id="bottom">
                Copyright &#169; John Harvard
            </div>

        </div>










版权©；约翰·哈佛

您的引导版本有问题。使用这个对我来说很有用：

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

您有几个问题。首先，您的标记不正确，如果您想要pills，您需要为

元素使用nav pills类，如下所示：

<ul class="nav nav-pills">

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

虽然这应该足够了，但单凭这一点是不行的，因为您有一个坏的CSS文件和一个坏的JQuery文件。我不知道你是怎么做到的，但这就是你得到的。因此，不要使用您的文件，而是尝试使用CDN版本，如下所示：

<ul class="nav nav-pills">

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

及

测试它们，看看它们对您的效果如何，但我相信这会解决您的问题

您的bootstrap.min.css中存在一些问题

您可以使用此链接

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

在这些更改之后，这将解决您的问题

将此

并查看是否有效谢谢！我也不知道我是怎么把他们搞砸的，但它奏效了。非常感谢。