Css 我是否错误配置了Twitter引导？_Css_Html_Twitter Bootstrap_Configuration

Css 我是否错误配置了Twitter引导？

css html twitter-bootstrap configuration

Css 我是否错误配置了Twitter引导？,css,html,twitter-bootstrap,configuration,Css,Html,Twitter Bootstrap,Configuration,我的项目目录结构： myapp/ index.html jquery-2.1.1.js css/ bootstrap.min.css img/ * js/ bootstrap.min.js 我的index.html页面： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">

我的项目目录结构：

myapp/
    index.html
    jquery-2.1.1.js
    css/
        bootstrap.min.css
    img/
        *
    js/
        bootstrap.min.js

我的

index.html

页面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>First Bootstrap</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <nav class="navbar navbar-inverse">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">WebSiteName</a>
            </div>
            <div>
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="#">Page 1</a></li>
                    <li><a href="#">Page 2</a></li>
                    <li><a href="#">Page 3</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <script src="jquery-2.1.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
</body>
</html>


第一引导

在任何浏览器中打开此文件时，我都会看到：

但是我的

元素是从看起来像这样的地方剪切粘贴的：

因此：

我有没有错误地配置了引导程序？如果是这样，我错在哪里了

我想确保我的应用程序响应迅速；我是否正确配置了

bootstrap responsive.css

？在这里，我很困惑，因为我的项目中没有

assets

根据下面的代码片段，这工作正常。注意，我引用的是来自CDN的jQuery和引导。这是推荐的方法，因为它可以让你的网站加载得更快一些

虽然不确定bootstrap responsive.css文件是什么，但肯定不需要它

谢谢@DavidG（+1）-我从中获得了

引导响应。你知道它给应用程序增加了什么价值吗？如果我也能从CDN上获得它呢？啊，现在我想我明白你的问题了。您正在混合引导v2和v3。坚持使用我提供的那些CDN链接，你不需要那个响应文件，因为它已经嵌入到v3中了。再次感谢你的帮助，这很有意义！