簡體   English   中英

我的引導網格系統不起作用

[英]My bootstrap grid system not working

我在將引導網系統應用到網頁時遇到問題。 我應用的引導程序是bootstrap 3.3.5,它是從getbootstrap.com下載的。 我已完成所有配置工作,這是我的項目文件目錄:

文件目錄

這是我的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 divs布局。 難道我做錯了什么?

好吧,最后我發現是導致問題的標點符號! 我應該更加小心,我們有很多事情要注意,例如:

①陳述jquerybootstrap css腳本的順序

②您應該知道一行等於12列,所以不要濫用行類。

③有時您應該檢查chrome 擴展名 ,這可能是禁止您加載本地.js文件的原因。

④反正越小心越好。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM