美文网首页
2018-09-17bootstrap基本的用法

2018-09-17bootstrap基本的用法

作者: ellacheng | 来源:发表于2018-09-17 22:31 被阅读0次

<!– jQuery文件。务必在bootstrap.min.js 之前引入 –>
Bootstrap的网格系统将屏幕划分为列 – 每行最多12个。

按钮有各种颜色选项:
btn-default为白色
btn-primary为深蓝色
btn-success为绿色
btn-info为浅蓝色
btn-warning为橙色
btn-danger为红色

各种尺寸:
btn-lg用于大按钮
btn-sm用于小按钮
btn-xs用于超小的按钮
还有一些辅助类的按钮可用:

btn-block将使按钮跨越整个网格
active将使按钮看起来像它当前点击
disabled将使按钮无法单击并显示渐变色。

bootstrap的优点是 :通过css3的媒体查询 小于768 768~992 992~1200 大于1200

这里要特别提一下的就是BT的盒模型,BT强制把所有元素的盒模型都设置成了border-box

类前缀使用是掌握栅格系统最重要的部分,类前缀分四个超小屏幕.col-xs-,小屏幕 平板.col-sm-,中等屏幕 桌面显示器>.col-md-以及大屏幕 大桌面显示器.col-lg-,以下代码即可实现不同屏幕呈现不同的显示方式:
text-left,text-align

缺点
BT对IE6,7的兼容性肯定不好,对IE8的支持也需要一些额外的文件。
可以快速搭建前端页面,还可以使用saas重新设计组件

相关文章

  • 2018-09-17bootstrap基本的用法

    Bootstrap的网格系统将屏幕...

  • 定时器

    setTimeout和clearTimeout基本用法 setInterval和clearInterval基本用法...

  • 2019-11-16

    E战到底DAY14 SUMIF和SUMIFS函数 一.基本用法 SUMIF基本用法 SUMIFS基本用法 SUMI...

  • 11 - 动态数据绑定实现原理

    一、defineProperty 基本用法 1、基本写法: 2、参数 3、descriptor 参数的基本用法 1...

  • 查找函数(Vlookup、Hlookup、Index、Match

    查找函数(Vlookup、Hlookup、Index、Match) 一、基本用法 (1)、VLOOKUP的基本用法...

  • AFNetWorking

    AFNetworking的基本使用 网络请求 AFNetworking的基本用法和NSURLSession的用法基...

  • as 基本用法

    插件安装 plugin auto import 相当于 eclipse ctrl+o 或者as alt+enter...

  • 基本用法

    Installation 安装 npm install vue vue-server-renderer --sav...

  • 基本用法

    html css js

  • 基本用法

    本地与远程:push 命令会把本地仓库推送到远程仓库(比如gitbub,码云)在push之前要与某个远程仓库建立连...

网友评论

      本文标题:2018-09-17bootstrap基本的用法

      本文链接:https://www.haomeiwen.com/subject/zzxjnftx.html