随笔分类 -  Bootstrap

Bootstrap学习日记
[Bootstrap]组件（四）
摘要：导航条 移动设备上折叠(可开关)，超过规定视口标签时候水平展开模式 依赖插件 注意点：导航条内元素过多或其他原因导致元素内元素宽度过长，会引起折行-->解决：a.减少导航内元素或者减少宽度 b.利用媒体查询或者响应工具类隐藏元素 c.修改媒体查询的值或者重置覆盖媒体查询的值 注意点：<nav>元素 阅读全文
posted @ 2016-05-12 19:42 盛夏、光年 阅读(372) 评论(0) 推荐(0)
[Bootstrap]组件（三）
摘要：输入框组 添加额外元素.input-group-addon 外包元素.input-group>input-group-addon+form-control 输入框组尺寸 控制类.input-group-*: .input-group-lg/.input-group-sm 额外元素添加单选或多选 在额 阅读全文
posted @ 2016-05-11 21:00 盛夏、光年 阅读(390) 评论(0) 推荐(1)
[Bootstrap]组件（二）
摘要：按钮组 .btn-group>.btn : 一组.btn按钮包裹在.btn-group 外包元素.btn-group {position/display/} 按钮元素.btn 按钮工具栏 .btn-toolbar>.btn-group 外包元素.btn-toolbar {margin-left} 按 阅读全文
posted @ 2016-05-11 16:08 盛夏、光年 阅读(246) 评论(0) 推荐(0)
[Bootstrap]组件（一）
摘要：Glyphicons字体图标 基类.glyphicon {position/top/display/font-family/} 具体类 {content} --表现在伪元素上 使用要点：a.基类＋具体类 b.一般图标和文本之间添加一个空格 注意点：a.不要和其他组件混用，单独使用一个标签，一般使用s 阅读全文
posted @ 2016-05-10 16:12 盛夏、光年 阅读(316) 评论(0) 推荐(0)
[Bootstrap]全局样式（五）
摘要：辅助样式 1、情景文本色 .text-muted .text-primary .text-success .text-info .text-warning .text-danger {color} 2、情景背景色 .bg-primary .bg-success .bg-info .bg-warnin 阅读全文
posted @ 2016-04-21 15:27 盛夏、光年 阅读(306) 评论(0) 推荐(0)
[Bootstrap]全局样式（四）
摘要：按钮 1、基本类.btn {display/padding/margin-bottom/font-size/border-radius/border} 作用于< a:role:button > <button> <input:button> <input:submit> 2、预定义样式.btn-de 阅读全文
posted @ 2016-04-21 12:04 盛夏、光年 阅读(264) 评论(0) 推荐(0)
[Bootstrap]全局样式（三）
摘要：表格 1、基本类 .table {width/margin-bottom/} {padding/border-top} e.g.:<table class="table"> <tr><th>表头</th></tr> <tr><td>内容</td></tr> </table> 2、条纹表格 .tabl 阅读全文
posted @ 2016-04-21 12:01 盛夏、光年 阅读(468) 评论(0) 推荐(0)
[Bootstrap]全局样式（二）
摘要：具体排版 1、标题和标题类 <h1> ~<h6>和.h1~h6｜副标题<small>和.small font-size margin-top margin-bottom h1 36px 20px 10px h2 30px 20px 10px h3 24px 20px 10px h4 18px 10p 阅读全文
posted @ 2016-04-21 09:25 盛夏、光年 阅读(336) 评论(0) 推荐(1)
[Bootstrap]全局样式（一）
摘要：页面必须设置为html5文档类型 <!DOCTYPE html> <html lang="zh-CN"> ... </html> 适应移动设备 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scal 阅读全文
posted @ 2016-04-20 17:34 盛夏、光年 阅读(430) 评论(0) 推荐(1)
[Bootstrap]概述
摘要：——1、html,css,javascript框架 ——2、一般开发响应式布局或者移动优先的项目可以优先考虑 优点 1、css开发版本（可以直接上手）和源码版本（可根据less 和sass变量和混合宏定制）； 2、已配置媒体查询，适应手机、平板、pc； 3、文档详细，有忘记的样式或者效果马上可以在文 阅读全文
posted @ 2016-04-20 17:16 盛夏、光年 阅读(154) 评论(0) 推荐(0)