Question

我是twitter-bootstrap的新手，我创建了一个简单的页面（根据doc）如下：但不工作：

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
        <title> GLSI/GTR ISI</title>
    <!--    <link rel="stylesheet" type="text/css" href="style.css"> -->

            <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css" />
            <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css" />
            <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
            <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
            <link href="css/navbar-fixed-top.css" rel="stylesheet" />

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

    </head>
    <body>



    <div class="row">

           <div class="span4">
               a
              </div>   

          <div class="span4">
               b

              </div>

          <div class="span4">
               c
              </div>

    </div>

    </body>
    </html>

缺少什么？

Answer 1

你的行周围需要一个容器div：

<div class="container">
    <div class="row">
        <div class="span4">
            a
        </div>
        <div class="span4">
            b
        </div>
        <div class="span4">
            c
        </div>
    </div>
</div>

此外，您不需要包含主题和引导程序css文件的正常和缩小版本。只需使用缩小版本。

如果你实际上没有使用任何东西，你可能甚至不需要打扰主题文件。

使用引导程序的基本网格不起作用

1 个答案: