最近项目中用到bootstrap 很是健忘各种属性类名,频繁翻阅文档,在这里暂且记录一下笔记
# 一、 bootstrap简介
Bootstrap,来自Twitter(全国最大的微博),是目前最受欢迎的前端框架。bootstrap下载及演示 http://v3.bootcss.com- 什么是
bootstrap?Bootstrap是基于HTML、CSS、JAVASCRIPT的开源框架,它简洁、直观、强悍、灵活,使得Web开发更加快捷,- 用于开发响应式布局、移动设备优先的
WEB项目。
- 为什么使用
Bootstrap?- 跨设备
- 跨浏览器(
chrome,IE9以上,Firefox,Safari,Opera…) - 响应式布局
- 具有实用性强的组件
- 内置
jquery插件
bootstrap的结构- 主要分为三大核心模块:
css、js、font
- 主要分为三大核心模块:
# 二、bootstrap排版样式
- 标题
- 从
h1到h6
- 从
<h1>Bootstrap 排版</h1> //36px
<h2>Bootstrap 排版</h2> //30px
<h3>Bootstrap 排版</h3> //24px
<h4>Bootstrap 排版</h4> //18px
<h5>Bootstrap 排版</h5> //14px
<h6>Bootstrap 排版</h6> //12px
<h2>bootstrap课程</h2>
<p class="lead">hello world</p>
@前端进阶之旅: 代码已经复制到剪贴板
- 内联文本元素
- 添加标记,
<mark>元素或.mark类
- 添加标记,
<p>Bootstrap<mark>排版</mark></p>
<!--各种加线条的文本-->
<del>Bootstrap 排版