随笔分类 -  Bootstrap

React学习笔记
摘要:和AngularJS相比,上手React简单到让人震惊。 在引入React库之后,开发API就通过React对象暴露出来了。我们要做的、能做的,就是: 在虚拟DOM上创建元素,然后将它们渲染到真实DOM上。 在示例代码中使用了React对象的两个方法: createElement(type,[pro 阅读全文

posted @ 2016-08-04 23:04 airycode 阅读(339) 评论(0) 推荐(0)

Bootstrap 中的插件的学习2(导航)
摘要:实例 在导航栏内 下面的实例演示了在导航栏内的下拉菜单的用法: 在标签页内 用法 可以切换下拉菜单(Dropdown)插件的隐藏内容: 通过 data 属性:向链接或按钮添加 data-toggle="dropdown" 来切换下拉菜单,如下所示: 如果您需要保持链接完整(在浏览器不启用 JavaS 阅读全文

posted @ 2016-05-13 16:45 airycode 阅读(283) 评论(0) 推荐(0)

Bootstrap 中的插件的学习
摘要:一个静态的模态窗口实例,如下面的实例所示: 代码讲解: 使用模态窗口,您需要有某种触发器。您可以使用按钮或链接。这里我们使用的是按钮。 如果您仔细查看上面的代码,您会发现在 < button > 标签中,data-target="#myModal" 是您想要在页面上加载的模态框的目标。 aria-l 阅读全文

posted @ 2016-05-13 14:59 airycode 阅读(332) 评论(0) 推荐(0)

Bootstrap单按钮的下拉菜单
摘要:简介把任意一个按钮放入.btn-group中,然后加入适当的菜单标签,就可以让按钮作为菜单的触发器了。插件依赖按钮式下拉菜单依赖下拉菜单插件 ,因此需要将此插件包含在你所使用的 Bootstrap 版本中。完整代码: 默认 功能另一个功能其他 分离的链接原始 功能另一个功能其他分离的链接 单... 阅读全文

posted @ 2016-01-22 10:11 airycode 阅读(506) 评论(0) 推荐(0)

Bootstrap按钮组学习
摘要:简介通过按钮组容器把一组按钮放在同一行里。通过与按钮插件联合使用,可以设置为单选框或多选框的样式和行为。按钮组中的工具提示和弹出框需要特别的设置当为.btn-group中的元素应用工具提示或弹出框时,必须指定container: 'body'选项,这样可以避免不必要的副作用(例如工具提示或弹出框触发... 阅读全文

posted @ 2016-01-22 10:02 airycode 阅读(344) 评论(0) 推荐(0)

Bootstrap下拉单学习
摘要:主题Node.js数据挖掘数据通信/网络分离的链接 标题在任何下拉菜单中均可通过添加标题来标明一组动作。 ... Dropdown header ...完整代码: Dropdown Dropdown headerActionAnother actionSomething else her... 阅读全文

posted @ 2016-01-22 09:51 airycode 阅读(174) 评论(0) 推荐(0)

BootStrap的布局学习
摘要:布局组件无数可复用的组件,包括字体图标、下拉菜单、导航、警告框、弹出框等更多功能。Bootstrap的使用非常灵活,可以对各种组件进行合并使用(如:为标签页项 添加带下拉菜单),下面的知识点中将逐个介绍这些组件。包括250多个来自 Glyphicon Halflings 的字体图标。Halfling... 阅读全文

posted @ 2016-01-22 09:38 airycode 阅读(360) 评论(0) 推荐(0)

分页Bootstrap实现
摘要:1 && !pageNo.equals(Integer.valueOf(1))) { %> ")'>&laquo; )'> )'> )'> )'> )'> ... 阅读全文

posted @ 2016-01-18 10:38 airycode 阅读(359) 评论(0) 推荐(0)

Bootstrap学习笔记-栅格系统
摘要:栅格系统的原理就是在这个界面中这个栅格被分成12个格子,你根据自己的想要的布局就把这个界面分割成你想要的部分就行了。一般如果我们用电脑作为显示器的我们用的样式是col-md如果你用的显示期变小的情况下,他是会堆叠显示的。如果不想堆叠显示的话你就col-sm等其他的样式,如果是手机显示... 阅读全文

posted @ 2015-09-23 11:51 airycode 阅读(271) 评论(0) 推荐(0)

Bootstrap学习笔记-响应式布局原理
摘要:响应式布局的原理就是利用css3中@media媒体来实现的 布局 阅读全文

posted @ 2015-09-23 11:19 airycode 阅读(512) 评论(0) 推荐(0)

Bootstrap学习笔记-布局
摘要:Bootstrap学习笔记-布局 默认是响应式布局,就是你在改变页面的时候也不会出现乱的现象。 布局 固定的宽度 固定的宽度百分比 阅读全文

posted @ 2015-09-23 11:05 airycode 阅读(154) 评论(0) 推荐(0)

Bootstrap学习笔记
摘要:Bootstrap2和3还是有很大的区别的,3主要是针对移动设备优先。用这个技术我们可以提高开发的效率。 用这个技术开发出来的东西是响应式的布局。 基本的结构 //这个是必须的做响应式布局 你好,Bootstrap 阅读全文

posted @ 2015-09-23 10:55 airycode 阅读(158) 评论(0) 推荐(0)

导航