bootstrap入门指引

发表于 | 更新于:
字数统计: 339 | 阅读时长 ≈ 1

  1. 首先准备bootstrap必须的文件

    jquery.min.js,

    bootstrap.min.js,

    bootstrap.min.css

    或以上文件的非压缩版本；

  2. 安装一个编辑器，比如IDEA

  3. 基础的html知识是你学习本文的前提。下面开始。

    一个基础的模板是下面的样子。

<!DOCTYPE html>







Bootstrap 101 Template









你好，世界！








viewport标签表示支持移动端。其中cdn文件，你可以使用下载好的文件替换。

一个表单

表单是我们页面经常用到的，比如用户注册，用户登录，用户修改密码，用户发表一篇博客等等。

在bootstrap3中，表单的一般写法如下：













Example block-level help text here.







用一个div元素将label和input包裹，div需要有样式form-group, input的样式是form-control(这些是和bootstrap v2的版本不同的）。

一张表格

表格经常用户展示数据。其基本写法如下：

















ID 姓名 年龄
1612 金珂 26

按钮

按钮是页面的常见元素，它的基本写法如下：

button可以有超链接（a标记）的样式，超链接也可应用button的样式，

如 <a class=”btn btn-primary” href=”http://www.yf2017.top” titile=”hello, bootstrap” >Hello 我是一个超链接

0%