Question

我第一次尝试使用bootstrap脚手架，并想知道我是否可以这样做。 <header class="row"></header> // this covers browsers width <div id="main-container" style="maring:auto; max-width:1200px"> I want this to be centered and not more than 1200px <div class="row" class="span12" id="main"> </div> </div> 我的想法是，我想在我的html文档中的不同区域中独立使用脚手架功能，我可以这样做，还是我被迫从整个页面的角度进行操作？

Answer 1

嗯..你想要的第一件事就是从这开始：

<!DOCTYPE html>
<html>
    <head>
        <title>Bootstrap 101 Template</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- Bootstrap -->
        <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    </head>
    <body>
        <h1>Hello, world!</h1>
        <script src="http://code.jquery.com/jquery.js"></script>
        <script src="js/bootstrap.min.js"></script>
    </body>
</html>

您无需执行整个页面，只需将其放在任何您想要的位置。

<!-- The container is necessary for your rows -->
<div class="container">
<!-- Each row will hold a row of 'spans' -->
    <div class="row">
        <!-- This will center whatever content you want. -->
        <div class="offset2 span8">
        </div>
    </div>
</div>

Bootstrap脚手架限制

1 个答案: