Bootstrap-2栅格系统
2024-10-21 10:01:18
栅格系统(使用最新版本bootstrap)
Grid options(网格配置)
Responsive classes(响应式class)
Gutters(间距)
Alignment(对齐方式)
Reordering(排序)
Offsetting(位置间距)
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="bootstrap.css"/>
<title></title>
<style type="text/css"> .col{
border:1px solid black;
}
</style>
</head>
<body>
<div id="" class="container">
<div id="" class="row" >
<div id="" class="col">aaa</div>
<div id="" class="col">bbb</div>
<div id="" class="col">ccc</div>
</div>
<div class="row">
<!--sm、md、lg、xl-->
<div class="col-sm">ddd</div>
<div class="col-sm">eee</div>
<div class="col-sm">fff</div>
</div>
</div>
</body>
</html>
效果如下:
...
最新文章
- Linux下运行Jmeter测试所遇问题汇总
- Using SHOW PROCESSLIST and mysqladmin debug Output in Conjunction with SHOW INNODB STATUS
- Codeforces Round #259 (Div. 2)-D. Little Pony and Harmony Chest
- php数组排序函数
- 深入了解JavaScript中的关键字
- Linux内核Radix Tree(一)
- Central Europe Regional Contest 2012 Problem c: Chemist’s vows
- 修改XPMenu让ToolButton在Down=True时正确显示
- 转:【Java并发编程】之十六:深入Java内存模型——happen-before规则及其对DCL的分析(含代码)
- iOS中分段控制器与UIScrollView结合使用
- Python多版本管理器-pyenv 介绍及部署记录
- QQ消息无限发送!源代码
- 洛谷 2953 [USACO09OPEN]牛的数字游戏Cow Digit Game
- 用 GSL 求解超定方程组及矩阵的奇异值分解(SVD) 2
- 关于socket知识整理
- January 05 2017 Week 1st Thursday
- SMB MS17-010 利用(CVE-2017-0144 )
- NO.3 Android SDK 高效更新
- ideal环境maven自动下载项目依赖配置
- Mysql的建表规范与注意事项
热门文章
- nginx 配置文件(支持thnkphp3.2~5)
- [转载]让你玩转代码的编辑神器phpstorm功能详解
- 关于python中的可哈希与不可哈希
- 鸿蒙内核源码分析(编译脚本篇) | 如何防编译环境中的牛皮癣 | 百篇博客分析OpenHarmony源码 | v58.01
- AT4996-[AGC034F]RNG and XOR【FWT,生成函数】
- 每个男孩的机械梦「GitHub 热点速览 v.21.41」
- wqs二分 学习笔记
- Java(25)常见异常整理
- Hive架构及搭建方式
- 【Spring】IoC容器 - 依赖来源