Bookstrap1

@[TOC]BOOKSTRAP

Bookstrap1

Bookstrap栅格系统

.row 1行12列
区别:.col-(<576px) .col-sm-(>=576px) .col-md-(>=768px) .col-lg-(>=992px) .col-xl-(>=1200px)

每一个都是将屏幕分成12份

使用方法:例如:.col-md-6 (即将屏幕分为12份,占用6份)

建议使用.col-md-

当想将前面的份数空出来时,选用.col-md-offset-
例如:.col-md-offset-8(即将屏幕分为12份,在此部分前面空出8份的位置)
col-md-offset-2:在前面留出2份的位置

Bookstrap排版、代码、表格和按钮

排版
page-header:标题
lead:字体加粗
mark标记:部分字体高亮 例:i love web 在文字两边加mark
del删除线:删除部分文字 例:i love web
small样式:将部分字体减小一号 例:i love web i love web
文本对齐:text-right 右对齐 text-left 左对齐 text-center 中心对齐

代码
code:将字体颜色改变,有点类似于mark
pre:按源格式输出 例:

if ($a<0){
ech ‘aaaaa’;
}

kbd:背景颜色 例:按 ctrl + shift

表格
table
.thead-light 或.thead-dark:使表头呈浅灰色或深灰色
.table-striped:条纹行,使斑马条纹添加到任何行内
.table-bordered:边框表,在表格和单元格上添加边框
.table-borderless:无边桌,一个没有边界的表
.table_hover:悬停行,行上启用一个悬停效果

表格颜色:
表格的各种颜色单词

table-responsive:响应式表格,当屏幕尺寸小到一定程度是,表格下面回出现滚动条

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值