0

我第一次尝试使用引导脚手架，想知道我是否可以这样做。 <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 文档中的不同区域独立使用脚手架功能，我可以这样做还是被迫使用整个页面的视角？

4

1 回答 1

0

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

<!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>
于 2013-05-16T04:25:20.230 回答