bootstrap学习笔记细化(标题)

【bootstrap学习笔记细化(标题)】的更多相关文章

bootstrap学习笔记细化(标题)

bootstrap中的排版: 标题(h1~h6/.h1~.h6) h1:36px;h2:30px;h3:24px;h4:18px;h5:14px;h6:12px; 副标题(small) 小练习(标题大小和副标题的使用): <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>标题</title> <link rel="styleshe…

bootstrap学习笔记细化(表格)

主要属性: 全屏宽度带水平线的表格 .table 带边框的表格 .table-bordered 条纹状表格 .table-striped 悬停变色表格 .table-hover 紧凑风格表格 .table-condensed <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格</title> <l…

bootstrap学习笔记细化(按钮)

button:btn 圆角灰色按钮 button:btn btn-default 圆角灰色边框按钮 button:btn btn-success 绿色 button:btn btn-primary 蓝色 button:btn btn-info 浅蓝 button:btn btn-warning 黄色 button:btn btn-danger 红色 button:btn btn-link 链接按钮改 btn-lg,btn-sm 按钮变大,变小 active 按下状态 btn-block 撑满父级…

bootstrap学习笔记细化(表单)

主要属性: class="form-inline" 水平排列 class="form-group" 组键 form-control 圆角方框发光 input-lg 输入框变大 input-sm 输入框变小 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表单</title> <link rel=&q…

bootstrap学习笔记之为导航条添加标题、二级菜单及状态 http://www.imooc.com/code/3120

为导航条添加标题.二级菜单及状态加入导航条标题在Web页面制作中,常常在菜单前面都会有一个标题(文字字号比其它文字稍大一些),其实在Bootstrap框架也为大家做了这方面考虑,其通过"navbar-header"和"navbar-brand"来实现,示例查看代码编辑器(11-22). 原理分析: 此功能主要起一个提醒功能,当然改良一下可以当作是logo(此处不做过多阐述).其样式主要是加大了字体设置,并且设置了最大宽度: /*源码查看bootstrap.css…

Bootstrap~学习笔记索引

回到占占推荐博客索引 bootstrap已经用了有段时间了,感觉在使用上还是比较容易接受的,在开发人员用起来上,也还好,不用考虑它的兼容性,手机,平台,PC都可以有效的兼容. bootstrap官方api:http://v3.bootcss.com/ Bootstrap~学习笔记索引 Bootstrap~页面的布局 Bootstrap~Panel和Table Bootstrap~表单Form Bootstrap~日期控制 Bootstrap~多级导航(级联导航)的实现 Bootstrap~大叔封…