bootstrap
关注
分享
扫一扫
大小都是愁
这个作者很懒，什么都没留下…
展开
-
bootstrap基础知识学习（下拉菜单+按钮）
九、下拉菜单（3004行～第3130行）基本结构 dropdown-header">第一部分菜单头部 //相当于下划线 Bootstrap框架中下拉菜单默认是左对齐，如果你想让下拉菜单相对于父容器右对齐时，可以在“dropdown-menu”上添加一个“pull-right”或者“dropdown-menu-right”类名、 十、按钮原创 2015-07-09 17:39:29 · 753 阅读 · 0 评论 -
bootstrap js插件篇——按钮、固定定位
七、按钮7.1控制按钮状态（比如禁用状态、正在加载状态、正常状态等） 7.2使用按钮组模拟单选按钮 注：将input的type=“checkbox” 可模拟多选 7.3按钮状态切换 7.3js触发九、固定定位 9.1基本结构 注： data-spy：取值 affix，表示元素原创 2015-07-15 15:18:55 · 6121 阅读 · 0 评论 -
bootstrap js插件篇——手风琴、图片轮播
八、手风琴、图片轮播 8.1 手风琴基本结构 注：1、面板包括两个部分，第一个是面板标题 panel-heading，并且在这里面添加标题 panel-title。第二个部分是面板内容，也就是折叠区，使用 panel-collapse 样式。 2、通过锚链接的方法把标题区域和面板区捆绑在一起 3、在 panel-collapse 样式上添加原创 2015-07-15 15:38:41 · 2221 阅读 · 0 评论 -
bootstrap js插件篇——动画过渡、模态弹窗
学前准备 需要的文件 核心 CSS 文件 --> 文件。务必在bootstrap.min.js 之前引入 --> 核心 JavaScript 文件 --> 注意事项》Bootstrap的JavaScript插件可以单独导入到页面中，也可以一次性导入到页面中。可采用链接形式引入也可以文件下载到本地再引入》Bootstrap中的JavaScr原创 2015-07-14 11:29:02 · 9257 阅读 · 0 评论 -
bootstrap js插件篇——下拉菜单、滚动监测、选项卡
三、下拉菜单3.1基本结构3.2 触发方式 注：1、测试时发现js触发的下拉菜单点时只出现无法消失，建议data-toggle触发 2、如果触发下拉菜单的元素是一个链接元素，为了避免点击链接，页面跳到顶部，可以使用 data-target="#"来替代href="#"四、滚动侦测4.1 基本结构原创 2015-07-14 11:45:33 · 3042 阅读 · 0 评论 -
bootstrap 基础知识学习（导航+其他）
十二 其他 =》标签有时某些导航或新闻想要加上某些标签来强调内容的新或重要 label-deafult:默认标签，深灰色 label-primary：主要标签，深蓝色 label-success：成功标签，绿色 label-info：信息标签，浅蓝色 label-warning：警告标签，橙色 label-danger：错误标签，红色原创 2015-07-09 16:16:42 · 529 阅读 · 0 评论 -
bootstrap 基础知识学习（图片+网格系统）
七、图片（306行～335行）基本样式1、img-responsive：响应式图片，主要针对于响应式设计2、img-rounded：圆角图片3、img-circle：圆形图片4、img-thumbnail：缩略图片注：由于样式没有对图片做大小上的样式限制，所以在实际使用的时候，需要通过其他的方式来处理图片大小。比如说控制图片容器大小。（注意不可以通过css样式直接修原创 2015-07-13 12:00:13 · 4577 阅读 · 0 评论 -
bootstrap 基础知识（表单）
六：表单1、input输入框（type=text/password/email）2、input选择框（type=“checkbox/radio”）在Bootstrap框架中，主要借助“.checkbox”和“.radio”样式，来处理复选框、单选按钮与标签的对齐方式。注：1、不管是checkbox还是radio都使用label包起来了2、chec原创 2015-07-13 13:46:27 · 2932 阅读 · 0 评论 -
bootstrap js插件篇——提示框、弹出框、警告框
六、提示框、弹出框、警告框6.1提示框 6.1.1基本结构注： 1、提示框的触发方式和前面介绍的插件略有不同，不能直接通过自定义的属性 data- 来触发，必须得依赖于JavaScript的代码触发 2、同时设置了 data-original-title 和 title 定义提示信息，那么 data-original-title 的优先级原创 2015-07-14 12:02:16 · 8970 阅读 · 0 评论 -
bootstrap 基础知识学习（列表+表格）
一、标题二、段落=》如果想让一个段落p突出显示，添加类名“.lead”实现，其作用就是增大文本字号，加粗文本，而且对行高和margin也做相应的处理=》文本状态.text-muted：提示，使用浅灰色（#999）.text-primary：主要，使用蓝色（#428bca）.text-success：成功，使用浅绿色(#3c原创 2015-07-13 16:26:45 · 2597 阅读 · 0 评论 -
swiper.js——初识
一、视图 二、基础步骤：1.首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。如果你的页面加载了jQuery.js或者zepto.js，你可以选择使用更轻便的swiper.jquery.min.js2.HTML基本结构（注：通过对swiper-container定义开控制swiper的大小） 3.初始化Swipe 四原创 2015-10-12 18:34:12 · 1265 阅读 · 0 评论