随笔分类 -  BootStrap

Bootstrap学习笔记（六）--导航
摘要：一、基础 Bootstrap框架中制作导航条主要通过“.nav”样式。默认的“.nav”样式不提供默认的导航样式，必须附加另外一个样式才会有效，比如“nav-tabs”、“nav-pills”之类 二、标签形tab导航 添加类“nav-tabs”，如果是当前在li上添加“active”，如果禁用添加 阅读全文
posted @ 2016-04-25 17:21 Leo的日记本 阅读(217) 评论(0) 推荐(0)
Bootstrap学习笔记（五）-----按钮
摘要：一、按钮组 使用一个名为“btn-group”的容器，把多个按钮放到这个容器中。如下所示： 除了可以使用<button>元素之外，还可以使用其他标签元素，比如<a>标签。唯一要保证的是：不管使用什么标签，“.btn-group”容器里的标签元素需要带有类名“.btn”。 二、按钮工具栏 将按钮组“b 阅读全文
posted @ 2016-04-11 16:16 Leo的日记本 阅读(285) 评论(0) 推荐(0)
Bootstrap学习笔记（四）-----下拉菜单
摘要：一、基本用法 效果如下图所示： 1.1 使用方法： 1、使用一个名为“dropdown”的容器包裹了整个下拉菜单元素，示例中为: <div class="dropdown"></div> 2、使用了一个<button>按钮做为父菜单，并且定义类名“dropdown-toggle”和自定义“data- 阅读全文
posted @ 2016-04-11 14:15 Leo的日记本 阅读(2247) 评论(0) 推荐(0)
BootStrap学习笔记JS插件（二）--下拉菜单
摘要：一、属性声明方式 1.1 默认模式 结果如下图： 1.2 胶囊模式 结果如下： 二、js触发方式 删除a标签里的data-toggle="dropdown"。在javascript里写上 或 或 暂时还未领悟这三种有什么区别。 阅读全文
posted @ 2016-04-11 10:25 Leo的日记本 阅读(537) 评论(0) 推荐(0)
BootStrap学习笔记JS插件（一）--模态弹出框
摘要：一、弹出框基础 Bootstrap框架中的模态弹出框，分别运用了“modal”、“modal-dialog”和“modal-content”样式，而弹出窗真正的内容都放置在“modal-content”中，其主要又包括三个部分： ☑ 弹出框头部，一般使用“modal-header”表示，主要包括标题 阅读全文
posted @ 2016-04-09 00:31 Leo的日记本 阅读(10116) 评论(0) 推荐(1)
Bootstrap学习笔记（三）-----导航条
摘要：一、基础导航 外围div有两个类navbar和navbar-default,内部ul有两个类nav和navbar-nav，当前li给个类active 二、导航条标题、二级导航、导航条状态 阅读全文
posted @ 2016-04-07 22:22 Leo的日记本 阅读(212) 评论(0) 推荐(0)
Bootstrap学习笔记（二）-----网格系统
摘要：一、基本用法 .conatainer>row>col-md-x ,一个row下面x的总和不超过12 二、列偏移 列偏移和列本身相加不能超过12 三、列排序 列排序其实就是改变列的方向，就是改变左右浮动，并且设置浮动的距离。在Bootstrap框架的网格系统中是通过添加类名“col-md-push-* 阅读全文
posted @ 2016-03-25 15:10 Leo的日记本 阅读(197) 评论(0) 推荐(0)
Bootstrap学习笔记（一）-----表单
摘要：一、水平表单效果 在Bootstrap框架中要实现水平表单效果，必须满足以下两个条件：1、在<form>元素上使用类名“form-horizontal”。2、配合Bootstrap框架的网格系统。 二、内联表单效果 有时候我们需要将表单的控件都在一行内显示，只需要在<form>元素上添加类名“for 阅读全文
posted @ 2016-03-22 11:20 Leo的日记本 阅读(317) 评论(0) 推荐(0)