一个基本的使用bootstarp的HTML5页面框架
<!--bootstrap必须在html5中使用--> <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>第一个bootstrap页面</title> <!--移动设备优先--> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="./css/bootstrap.min.css"> </head> <body> <h1>这是一个h1<small>并且我有一个副标题</small></h1> <h2>这是一个h2<small>并且我有一个副标题</small></h2> <h3>这是一个h3</h3> <h4>这是一个h4</h4> <h5>这是一个h5</h5> <h6>这是一个h6</h6> <script src="http://code.jquery.com/jquery.js"></script> <script src="./js/bootstrap.min.js"></script> </body> </html>
排版与链接
bootstrap：
- 为
body元素设置background-color: #fff; - 使用
@font-family-base、@font-size-base和@line-height-base变量作为排版的基本参数 - 为所有链接设置了基本颜色
@link-color，并且当链接处于:hover状态时才添加下划线
.container 类用于固定宽度并支持响应式布局的容器。
.container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。
以上2个容器由于padding的原因不能同时使用
时间： 2024-11-08 01:10:41