bootstrap网格系统的优点和缺点 求指教 10

 我来答
匿名用户
2017-06-23
展开全部
本篇将主要介绍Bootstrap的网格系统。 网格系统的实现是通过定义容器大小,平分12份(或24份、32份,但12份是最常见的),再调整内外边距,最后结合媒体查询,就制作出了强大的响应式网格系统。 Bootstrap中的网格系统就是将容器平分成12份。 Bootstrap的网格系统用来布局,其实就是列的组合,一共有四种基本的用法: 1/bootstrap/3/bootstrap/3/bootstrap/3.1.1/css/bootstrap.min.css"> <!--css样式--> <style > [class *= col-]{ background-color: #eee; border: 1px solid #ccc; } [class *= col-] [class *= col-] { background-color: #f36; border:1px dashed #fff; color: #fff; } </style> </head> <body> <div class="container"> <div class="row"> <div class="col-md-8"> 我的里面嵌套了一个网格 <div class="row"> <div class="col-md-6">col-md-6</div> <div class="col-md-6">col-md-6</div> </div> </div> <div class="col-md-4">col-md-4</div> </div> </div> </body> </html> 效果图如下: 如果大家还想深入学习,可以点击这里进行学习,再为大家附两个精彩的专题:Bootstrap学习教程 Bootstrap实战教程 系列文章: 第一次接触神奇的Bootstrap基础排版/article/89278.htm 第一次接触神奇的Bootstrap表单/article/89330.htm 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
光点科技
2023-08-15 广告
通常情况下,我们会按照结构模型把系统产生的数据分为三种类型:结构化数据、半结构化数据和非结构化数据。结构化数据,即行数据,是存储在数据库里,可以用二维表结构来逻辑表达实现的数据。最常见的就是数字数据和文本数据,它们可以某种标准格式存在于文件... 点击进入详情页
本回答由光点科技提供
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式