码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-10-14 13:55:30      阅读:181      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!