前端-Bootstrap
文章平均质量分 71
ruirui_1996
这个作者很懒,什么都没留下…
展开
-
【Bootstrap框架】——JS插件(JS plug-in)
共有12个插件函数,与jQueryUI提供的插件函数的地位是一致的,功能也有一定的重合;但是Bootstrap提供的这些插件为了精准的控制样式,代码写起来有些繁琐进而限制了这些插件的广泛使用性。调用插件的方式1.编写JS方式调用:$(‘xxx’).插件函数(); 如:$('.btn.danger').button('toggle').addClass('fat') 2.声明data-*扩展属性来原创 2017-09-23 20:00:35 · 764 阅读 · 0 评论 -
【Bootstrap框架】——组件(Component)
1.图标字体图标字体本身也是字体,与普通字体不同,内容是图标。 Bootstrap提供了一套专用于Web/移动开发图标字体,Glyphicons Halflings字体图标。@font-face { /*声明一种服务器端字体*/ font-family: 'Glyphicons Halflings'; src: url(../fonts/glyphicons-halflings-r原创 2017-09-22 21:27:16 · 7517 阅读 · 0 评论 -
【Bootstrap框架】——全局CSS样式(Global CSS Style)
目录1.CSSReset(样式重置) 2.按钮 3.图片 4.文本 5.排版&代码&列表 6.表格 7.栅格布局系统 8.响应式表单1.CSSReset(样式重置)box-sizing允许以特定的方式定义匹配某个区域的特定元素,有三个参数:content-box:默认值,盒子总宽度=margn+border+padding+widthborder-box:推荐值,盒子总宽度=mar原创 2017-09-21 21:34:03 · 3035 阅读 · 0 评论 -
【Bootstrap框架】——起步(Startup)
Bootstrap来自 Twitter,是目前很受欢迎的前端框架。是一个HTML/CSS/JS框架。极大的简化了响应式网页的开发。学习特点:概念简单,易上手;但涉及到很多的英文单词。分为5个部分:起步、全局CSS样式、组件、插件、定制HTML:为H5已有的标签扩展了若干个自定义属性,以data开头CSS:CSS Reset(重置CSS的默认样式)、近千个classJS:基于jQuery添加了原创 2017-09-21 19:47:50 · 893 阅读 · 0 评论