<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>我是中國人</title> <!-- 新 Bootstrap 核心 CSS 檔案 --> <link href="https://www.cnblogs.com/zhangxuechao/p/css/bootstrap.min.css" rel="stylesheet"> <!-- 最新的 Bootstrap 核心 JavaScript 檔案 --> <script src="https://www.cnblogs.com/zhangxuechao/p/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="" > <div id="" > <div id="" > col-lg-10 </div> <div id="" > col-lg-2 </div> </div> <div id="" > <div id="" > col-lg-8 </div> <div id="" > col-lg-4 </div> </div> <div id="" > <div id="" > col-lg-6 </div> <div id="" > col-lg-6 </div> </div> </div> </body> </html>
bootstrap布局容器
<div >
</div>固定寬度1170px
<div >
</div>寬度為100%
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/173561.html
標籤：Html/Css
上一篇：北斗授時產品（GPS對時系統）是如何完成時間同步的？
下一篇：什么是層疊樣式？