Bootstrap框架技术
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Bootstrap框架技术相关的知识，希望对你有一定的参考价值。
1、Bootstrap是前端开发的框架技术，其采用将整个网页划分为12列，进行框架搭建，通过其内部
特定代码可自动生成对应的各种样式。是比较方便快速的网页编写方法。
2、col-xs-数字（占位的格数）
row=12，间距30px
3、使用Bootstrap时，需要引入相应的文件
1、在css文件夹中放入文件夹css，js，和fonts；
2、引入文件名为.bootstrap.min.css（head部分用link方式引入）
3、引入js文件{jquery.min.js（前） <script src"">
bootstrap.min.js(后）（在</body>与</html>之间引入
4、bootstrap为移动设备优先的，并且自带响应式布局，若需要禁用响应式布局可以：
1、！import方式
2、对container（最外层div）设置宽度
5、Bootstrap使用到的某些HTML元素和CSS属性需要将页面设置为HTML5文档类型。
<!DOCTYPE html>
<html lang="zh-CN">
...
</html>
6、为了确保适当的绘制和触屏缩放，需要在<head>之中添加viewport元数据标签。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
若需要禁用缩放功能，则用：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
7、栅格选项
超小屏幕<768px，手机 .col-xs-
小屏幕设备》768px，平板 .col-sm-
中等屏幕设备》992px,pc .col-md-
超大屏幕》1200px， .col-lg-
以上是关于Bootstrap框架技术的主要内容，如果未能解决你的问题，请参考以下文章
最受欢迎的前端框架Bootstrap，Ajax异步刷新技术，Mysql数据库锁——