05.bootstrap

1.bootstrap架构:

架构的意思就是你需要用到的东西,事先布局好。等到需要调用的时候去调用。比如,我们要去布局,需要手工的去计算网页的宽高,bootstrap就有一套布局系统,我们只需要在网页开发的时候设置一定bootstrap需要用到的类,不需要手工去计算,和写css文件。BootStrap还允许我们去控制这个button的大小颜色等等。bootstrap包含了很多,我们经常需要用到的空间。表格表单,导航栏,交互等。选项卡。在元素上面使用相应的类。

2.bootstrap的包含内容:

1.css:bootstrap.css  和 bootstrap.min.css(核心)  

min是其的压缩版本,体积要小一些。
bootstrap-responsive.css 和 bootstrap-responsive.min.css 这个是包含了响应式的css样式。如果想要我们的样式是可以响应的,需要我们去加载这个样式。
2.img:两张背景图片,一个是黑色版本的,一个是白色版的。
3.js文件夹下面:
包含的是js代码。

3.想要在网页中使用bootstrap架构呢,只需要在网页中加载所需的样式表和js文件就可以了。
<link href="..........bootstrap.css" rel="stylesheet" type="text/css"> // 链接样式表,如果是h5的docment,我们可以去掉type属性。

4.bootstrap的js是基于jquery架构的。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,827评论 1 92
  • Bootstrap是什么? 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 10,955评论 3 184
  • 第5章 菜单、按钮及导航 一、下拉菜单 小伙伴们注意,在Bootstrap框架中的下拉菜单组件是一个独立的组件,根...
    凛0_0阅读 5,087评论 0 66
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,815评论 0 2
  • 最近群里掀起了一股分享学习的风潮。主要是通过自身所经历的事件来总结利弊。这个群大多都是文案,很多已经比较牛逼了。尽...
    苏穆凉阅读 396评论 0 0