Bootstrap学习三--布局组件
来源:互联网 发布:网络水晶头哪个牌子好 编辑:程序博客网 时间:2024/06/05 19:15
1、bootstrap中container类和container-fluid类的区别:
container类源码:
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
container-fluid类源码:
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
实验:
container-fluid类:
container类:
由此可见,container类是根据媒体查询以后定义的宽度,会实现自适应,但是container-fluid并不会查询,因此默认宽度为100%。通过实验可以看到,container类的margin是存在的,同时它的自适应也是margin调节完成的,但是container-fluid类的百分百宽度是指在固有的15px的padding前提下宽度总是当前视口的宽度。
- Bootstrap学习三--布局组件
- Bootstrap学习(二)——Bootstrap 布局组件
- bootstrap学习总结-css组件(三)
- bootstrap学习总结-css组件(三)
- Bootstrap 布局组件
- Bootstrap布局组件
- Bootstrap布局组件
- 学习笔记8--bootstrap:布局组件之“下拉菜单”
- 学习笔记8--bootstrap:布局组件之“下拉菜单”
- Bootstrap小练习---布局组件
- Bootstrap组件学习笔记(三)——导航
- 学习Bootstrap前端组件
- Bootstrap三——布局
- Bootstrap其他内置组件(三)
- QT之GUI学习笔记(三)——组件布局
- BootStrap 教程 之 布局组件(03)
- BootStrap--整体框架--基础布局组件
- Bootstrap布局组件—1.字体图标
- Java中主要Map类概述
- 获取Bootcamp 6 下载地址(mac装win10)
- Win8/Win8.1/Win10下Vivado例化MIG报错的解决办法
- 应用增加推送功能
- 阿里云LNMP服务器简易安装配置
- Bootstrap学习三--布局组件
- 自定义下拉能露出背景的RelativeLayout(FrameLayout)之想朋友圈那样下拉能露出背景的功能
- POJ 1082 Calendar Game 已翻译
- 最详细的Hexo Next主题配置教程
- js函数的调用者和所有者
- C socket通信
- 码农成长记——js的开端
- 帝国cms添加新模型
- Android源码设计模式分析项目