Bootstrap常用的类名

Bootstrap是当下流行的前端框架(界面工具集),移动端优先的设计理念,特点就是灵活简洁,代码优雅,美观大方,其目的是为了让Web开发更敏捷,是Twitter公司的两名前端工程师Mark Otto和Jacob Thornton在2011年发起的,并利用业余时间完成第一个版本的开发
Bootstrap让我们的 Web 开发更简单,更快捷


Bootstrap常用的类名

xs : 超小屏幕 手机 (<768px),sm : 小屏幕 平板 (≥768px),md : 中等屏幕 桌面显示器 (≥992px),lg : 大屏幕 大桌面显示器 (≥1200px)


1排版
text-left/right/center(设定文本对齐方式)
.list-inline(将所有的列表项放置同一行) 


2表格
.table-bordered 为所有表格的单元格添加边框
.table-hover在 <tbody> 内的任一行启用鼠标悬停状态
.table-striped 在 <tbody> 内添加斑马线形式的条纹
row 行,col列


3表单
<form> 元素添加 role="form"
form-inline 内联表单,向左对齐的,标签是并排的
form-horizontal 水平表单


4按钮
btn-defalult默认/标准按钮
btn-primary 原始按钮模式(未被操作,深蓝)
btn-success 表示成功的动作(绿色按钮)
btn-info 该样式可用于要弹出信息的按钮(

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值