是一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。

布局 :  .col-xs-   .col-sm-  .col-md-   .col-lg-    最大宽度分别为   自动、750px、970px、1170px;

每一个区域都可以分为12列

栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局,你的内容就可以放入这些创建好的布局中。

`1  -->   0-=

qwe

转载于:https://www.cnblogs.com/binbang/p/5015411.html

BOOTSTRAP ---- 重要部分相关推荐

  1. SpringCloud配置文件 application.yml和 bootstrap.yml区别,执行顺序

    说在前面 SpringBoot默认支持properties和YAML两种格式的配置文件.前者格式简单,但是只支持键值对.如果需要表达列表,最好使用YAML格式.SpringBoot支持自动加载约定名称 ...

  2. 吴裕雄 Bootstrap 前端框架开发——Bootstrap 按钮:禁用按钮

    <!DOCTYPE html> <html><head><meta charset="utf-8"> <title>菜鸟 ...

  3. Bootstrap 栅格系统 理解与总结

    Bootstrap 栅格系统 学习总结 Bootstrap框架是如今最流行的前端框架之一,Bootstrap功能强大,简单易学,很符合实际应用场景. 只是Bootstrap的内容较多,新手往往不能很快 ...

  4. 基于Metronic的Bootstrap开发框架经验总结(7)--数据的导入、导出及附件的查看处理...

    在很多系统模块里面,我们可能都需要进行一定的数据交换处理,也就是数据的导入或者导出操作,这样的批量处理能给系统用户更好的操作体验,也提高了用户录入数据的效率.我在较早时期的EasyUI的Web框架上, ...

  5. Bootstrap学习的点点滴滴

    1)网站: http://www.bootcss.com/ http://v3.bootcss.com/getting-started/#download https://github.com/twb ...

  6. bootstraptable 汇总_JS组件系列——表格组件神器:bootstrap table

    前言:前面介绍了两篇关于bootstrap table的基础用法,这章我们继续来看看它比较常用的一些功能,来个终结篇吧,毛爷爷告诉我们做事要有始有终~~bootstrap table这东西要想所有功能 ...

  7. bootstrap跟vue冲突吗_知道微服务,但你知道微前端吗?

    在 toB 的前端开发工作中,我们往往就会遇到如下困境: 工程越来越大,打包越来越慢 团队人员多,产品功能复杂,代码冲突频繁.影响面大 内心想做 SaaS 产品,但客户总是要做定制化 不同的团队可能有 ...

  8. bootstrap 新闻列表_kuapingUI 2.2 版本发布,跨屏 UI-bootstrap 大组件 UI 框架

    kuapingUI 2.2 版本发布,增加了一个比较实用的工具栏web组件,是由分享按钮组 + 联系按钮组构成,分享按钮组包含了 QQ空间.朋友圈.QQ.微信.微博等分享:联系按钮组包含了 微信.QQ ...

  9. Bootstrap框架和inconfont、font-awesome使用

    Bootstrap框架和inconfont.font-awesome使用 iconfont的使用:https://www.cnblogs.com/clschao/articles/10387580.h ...

  10. Bootstrap笔记

    Bootstrap使用: 下载Bootstrap,用于生产环境的 Bootstrap不需要安装 解压文件到任意目录 创建index.html,在该页面编写代码 页面起始位置添加<link rel ...

最新文章

  1. java nio 断开连接_浅尝Java NIO与Tomcat连接调优
  2. MEET 2021 | 人工智能产业、科研、投资届大咖齐聚,共探智能科技新机会
  3. 无功功率控制模式matlab,第9章_MATLAB在风力发电技术中的应用仿真.ppt
  4. 最简单jquery轮播图效果
  5. GAE 博客——B3log Solo 0.3.5 正式版发布了!
  6. 忽略SQL改造等价性
  7. Could not find a suitable table factory for ‘org.apache.flink.table.factories.TableSourceFactory‘
  8. 【Flink】Flink 源码阅读笔记(20)- Flink 基于 Mailbox 的线程模型
  9. 坐标系对应EPSG代号、经度范围、中央经线
  10. Linux下VirtualBox出现kernel driver not installed的解决方法
  11. 智慧林草信息化解决方案(森林防火应急指挥系统)
  12. [zz]P2P直播软件设计的技术原理和改进
  13. pages.json tabBar[‘list‘][2][‘pagePath‘] “pages/contact/contect“ 需在 pages 数组中
  14. linux下,代码阅读工具,understand
  15. Android OKHttp 拦截器
  16. oracle同义词删除重建,Oracle同义词的创建与删除
  17. 垃圾分类模型想上maixpy
  18. 区块链对医疗行业的影响
  19. Cisco Packet Tracer的安装与汉化
  20. android radioButton 改变圆圈大小

热门文章

  1. 第5章 数据的共享与保护
  2. 简单粗暴入门JAVA之方法
  3. 为什么神经网络用python而不用c语言_python是用C实现的,Java是用C++实现的,那为什么不直接用C或C++呢?...
  4. MYSQL 数据库怎样快速的复制表以及表中的数据
  5. 静态代码检查工具简介
  6. 设计模式 建造者模式
  7. linux集群服务有什么用,使用MOSIX搭建Linux的高性能集群服务
  8. python pip安装第三方库老是报错_#python pip 安装dlib一直失败?#python安装dlib错误...
  9. java常见经典知识点汇总
  10. MySQL两种存储引擎: MyISAM和InnoDB