博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
bootstrap简单教程
阅读量:5801 次
发布时间:2019-06-18

本文共 1536 字,大约阅读时间需要 5 分钟。

hot3.png

demo见http://www.runoob.com/bootstrap/bootstrap-grid-system.html  里搜

   
Bootstrap 实例 - 堆叠的水平

Hello, world!

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

 

md sm lg区别  

/* 超小设备(手机,小于 768px) *//* Bootstrap 中默认情况下没有媒体查询 *//* 小型设备(平板电脑,768px 起) */@media (min-width: @screen-sm-min) { ... }/* 中型设备(台式电脑,992px 起) */@media (min-width: @screen-md-min) { ... }/* 大型设备(大台式电脑,1200px 起) */@media (min-width: @screen-lg-min) { ... }

 

来源:http://www.runoob.com/bootstrap/bootstrap-grid-system.html

转载于:https://my.oschina.net/u/2444023/blog/737333

你可能感兴趣的文章
[Linux] -Docker修改空间大小
查看>>
CSS cursor 属性
查看>>
运用Xdebug调试和优化PHP程序
查看>>
MyEclipse使用经验总结
查看>>
给Repeater控件里添加序号的5种方法
查看>>
php生成CSV格式(转)
查看>>
《ASP.NET MVC4 WEB编程》学习笔记------乐观锁和悲观锁
查看>>
一种在视频OBJECT标签上放置均分四个区域的框选方法
查看>>
C++多态
查看>>
【USACO 2.2】Party Lamps
查看>>
MySQL 5.6 新参数对binlog日志量的优化
查看>>
第一章 基础设施,1.2 双11背后基础设施软硬结合实践创新(作者:希有)
查看>>
Echarts 获取后台数据 使用后台数据展示 柱形图
查看>>
sso接口的调用
查看>>
娓娓道来c指针 (4)解析c的声明语句
查看>>
no !/ in spec
查看>>
响应http报文中的Date属性与cookie过期时间的关系
查看>>
redis实现高并发下的抢购/秒杀功能
查看>>
Thinkphp5 Route用法
查看>>
在.Net MVC结构API接口中推断http头信息实现公共的权限验证过滤器演示样例
查看>>