随笔分类 -  BootStrap

BootStrap
BootStrap使用
摘要：BootStrap简单使用 《深入理解BootStrap》这本书对BootStrap进行了全面的讲解包括设计思想以及源码解析对没有接触过的很有帮助 BootStrap可以说是最简单的一类框架了，使用它确实不能给我们带来一些功能上的提升，不过在一些系统开发时可以为我们的开发速度带来很大的提升。有时候会 阅读全文
posted @ 2016-10-21 22:42 y丶卿 阅读(352) 评论(0) 推荐(0)
BootStrap--响应式设计
摘要：响应式布局 响应式布局的基本结构为： 栅格系统通过定义容器的大小，然后将容器分为12等份调整内外边距结合媒体查询来实现 在栅格系统中可以组合class来实现不同分辨率的适配 class="container"是最外层的容器提供了对齐方式 class="row"定义一个列容器 class="col-x 阅读全文
posted @ 2016-10-20 22:57 y丶卿 阅读(551) 评论(0) 推荐(0)
BootStrap--scroll
摘要：滚动侦测 滚动侦测基本使用方法为： 关键的属性为body上面的data-spy="scroll" 同时标题元素必须按照格式.nav li > a的格式正确嵌套因为JS是通过这个格式来选择元素的 a元素的data-target的值要和内容元素互相对应,如标题为data-target="#demo"则内 阅读全文
posted @ 2016-10-19 22:50 y丶卿 阅读(1722) 评论(0) 推荐(0)
BootStrap--tab
摘要：选项卡 选项卡的基本使用方式为： 选项卡使用分别标签和具体内容，这两个可以不放在一起但是一定要同时存在 选项卡标签的关键属性为data-target="ele",data-toggle="tab",data-target="ele"表示该标签对应的具体内容，data-toggle="tab"提供了H 阅读全文
posted @ 2016-10-17 23:14 y丶卿 阅读(741) 评论(0) 推荐(0)
BootStrap--tooltip
摘要：提示框 提示框的基本使用方式为： data-original-title可以直接写为title,仍然能正常使用，源码中优先查找前者，前者不存在就会查找title 提示框不提供HTML触发方式只能通过JS来进行触发： 提示框的关键属性为data-original-title="content",该属性 阅读全文
posted @ 2016-10-17 22:33 y丶卿 阅读(1457) 评论(0) 推荐(0)
BootStrap--dropdown
摘要：下拉菜单 下拉菜单的基本结构为： 下拉菜单的外层容器一定要提供了一个相对定位的属性，所以具有position:relative属性的元素就可以作为下拉菜单的外层容器 下拉菜单的按钮元素关键的属性为data-toggle="dropdown"，该属性提供了HTML使用的触发条件，class="drop 阅读全文
posted @ 2016-10-13 22:25 y丶卿 阅读(2048) 评论(1) 推荐(1)
BootStrap--modal
摘要：模态弹窗 触发元素基本结构： 内容元素基本结构： 触发元素的关键属性为data-target和data-toggle,data-target和具体的弹窗互相对应，data-toggle="modal"提供了HTML触发条件 弹窗内容要正确嵌套，弹窗的出现和隐藏的动画要设置在最外层 可以通过modal 阅读全文
posted @ 2016-10-12 23:30 y丶卿 阅读(401) 评论(0) 推荐(0)