<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>我是中国人</title> <!-- 新 Bootstrap 核心 CSS 文件 --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="js/bootstrap.min.js"></script> <style> .container { background-color: red; } div[class|=col] { border: 1px solid; } </style> </head> <body> <h1>Good morning</h1> <div id="" class="container"> <div id="" class="row"> <div id="" class="col-lg-10"> col-lg-10 </div> <div id="" class="col-lg-2"> col-lg-2 </div> </div> <div id="" class="row"> <div id="" class="col-lg-8"> col-lg-8 </div> <div id="" class="col-lg-4"> col-lg-4 </div> </div> <div id="" class="row"> <div id="" class="col-lg-6"> col-lg-6 </div> <div id="" class="col-lg-6"> col-lg-6 </div> </div> </div> </body> </html>
bootstrap布局容器
<div class="container">
</div>
固定宽度1170px
<div class="container-fluid">
</div>
宽度为100%
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。