bootstrap的多种样式
"css中有的bootstrap都有,css没有的bootstrap都有,只有想不到没有找不到!!"
bootstrap的所有样式是基于css样式派生出来的
例如表单元素的bootstrap优化:
如果需要使用该样式可以在官网中到直接'copy'
除了表单样式还有很多
比如:
按钮的样式:
表格的各种样式:
bootstrap的组件
说起组件就不得不聊起控件,组件和框架的区别了:
控件:控制程序的按键
任意打开一个App或者一个网页，应该很常见输入框、按钮、单选框、复选框等等的控件，控件表示程序设计中最小粒度的可复用可编程的部件，就像化学周期表中的每个元素一样，「氢氦锂铍硼」都是不可分割的，但是它们可以组成的物质不计其数，难道一个网页或一个App不是由这些最小的控件组成的吗？
组件:组合功能的控件
有一个「组」字，可以简单理解为是一个组合功能的控件，功能比控件要复杂，可能存在比较复杂的交互。说起来太拗口了，还是说说实例，比如TabHost（脑补下进入微信的界面，最下面有4个按钮），它具备了加入若干个页面，并定义了按Tab切换的交互，是由最基本的按钮控件和其他控件一起组合而成，这种称为组件。系统也提供很多组件，它包含了许多行为和属性，而控件更单一，更细粒度。当然你说把组件叫成控件可以不？也没有什么不可以，可以把它理解为功能复杂的最小单位。
框架:由很多的控件和组件组装在一起,并且能够在某一领域完成一系列操作
由很多控件和组件组装在一起，并且能够在某一领域里面完成一系列操作，理解为一把「瑞士军刀」，能够把某一领域内的问题完成的干净漂亮。比如：jQuery框架是对原生js的封装，提供更方便快捷的JS操作。J2EE框架提供了一套企业级的网站解决方案。LAMP提供了一套利用开源系统搭建网站的框架。如果你接触过刚才提到的技术，就比较容易什么是框架了，有的框架提供了更友好、更快捷、更丰富的解决方案。有的是将各种技术组合，来使其对解决某一类问题（比如搭建网站）更加容易使用和快捷。
说回bootstrap组件,如上文所示,该组件囊括了许多可复用的字体图标、下拉菜单、导航、警告框、弹出框等功能。
如何使用bootstrap组件:
出于性能的考虑，所有图标都需要一个基类和对应每个图标的类。把下面的代码放在任何地方都可以正常使用。注意，为了设置正确的内补（padding），务必在图标和文本之间添加一个空格。
使用注意:
可以将组件中的矢量图添加到按钮,导航,工具条等等地方:
还可以导入下拉菜单:
1)导入下拉菜单要先引入jquery再引入bootstrap的js文件
2)copy代码!!修改你的内容
也能引入导航栏:
步骤同上要先引入jquery再引入bootstrap的js文件,复制粘贴!
可以使用进度条来查看文件进行到哪一步
步骤同上要先引入jquery再引入bootstrap的js文件,复制粘贴!
总结:bootstrap是非常方便的开发工具,不管是是使用栅格框架,还是使用css的样式,但前提是会熟练掌握css和html技术,不然你连哪错了都不知道(废话(滑稽)
以上图片来自bootstrap官网,若此简书中有没讲到的地方,欢迎大家去官网查找!!
上面讲控件,组件,插件的区别的那段来自于下面的简书作者↓ ↓ ↓ 感谢!!
作者：IvanHung
链接：https://www.jianshu.com/p/9e5ce5312439
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
