首页 > 其他 > 详细

全栈老司机roadmap笔记--------Bootstrap (level 2)

时间:2016-10-14 13:55:28      阅读:265      评论:0      收藏:0      [点我收藏+]

level2

responsive design

rows:

技术分享

columns: 

技术分享

we can use multiple columns: 

技术分享

 

技术分享

we can use .col-md-*

技术分享

we can do something like this

技术分享

Adding row, make code easier to read

技术分享

popular blogs with siding bar

技术分享

leave one column as padding

技术分享

Empty column 

技术分享

much better way to leave padding 

技术分享

技术分享

实现不同size的设备上的不同显示:

遵循从小到大的继承

 技术分享

 

 

 

 

技术分享

 

 

remain padding for book today!

技术分享

 

 

技术分享

技术分享

 what if we only want the image to show on medium or large resolution?

技术分享

we use .hidden-*

技术分享

what is we want to show some image?

技术分享

 

全栈老司机roadmap笔记--------Bootstrap (level 2)

原文:http://www.cnblogs.com/jiangchen/p/5959950.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!