Html 我的引导网格系统不工作_Html_Twitter Bootstrap_Grid System

Html 我的引导网格系统不工作

html twitter-bootstrap

Html 我的引导网格系统不工作,html,twitter-bootstrap,grid-system,Html,Twitter Bootstrap,Grid System,我无法将引导网格系统应用到网页中。我应用的引导程序是Bootstrap3.3.5，从下载的。我已经完成了所有的配置工作，这是我的项目文件目录：这是我的index.html结构： <html> <head> <title>My bootstrap</title> <meta charset="utf-8”> <meta name="viewport” content="width=‘device-wid

我无法将引导网格系统应用到网页中。我应用的引导程序是Bootstrap3.3.5，从下载的。我已经完成了所有的配置工作，这是我的项目文件目录：

这是我的index.html结构：

<html>
<head>
    <title>My bootstrap</title>

    <meta charset="utf-8”>
    <meta name="viewport” content="width=‘device-width’,inital-scale=1.0”>

    <link href="css/bootstrap.min.css” rel="stylesheet”>
    <link href="css/custom.css” rel="stylesheet”>

    <script src="/js/respond.min.js”></script>
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                <p>text</p>
            </div>

            <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                <p>text</p>
            </div>

            <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                <p>text</p>
            </div>

            <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                <p>text</p>
            </div>
        </div>

        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
    </div>
</body>
</html>


我的引导程序
正文
正文
正文
正文

但是，当浏览器大小更改时，网格系统不工作，它始终保持原始样式，如垂直方向上的4个div布局。我做错什么了吗？

好吧，最后我发现是标点符号造成了问题！我应该更加小心，有很多事情我们应该注意，比如：

① jquery的顺序和引导css脚本的状态
② 您应该知道一行等于12列，所以不要滥用row类
③ 有时你应该检查你的浏览器扩展名，它可能禁止你加载本地.js文件

④ 无论如何，越小心越好。
这与我给出的答案基本相同。除了第二部分的行。当然，一行等于12列，但是如果你按照问题中使用的方式使用它，这不会引起任何问题。只要在每个视口中有12列的值，如果超过，请确保放置列也这样做。