首页 > 代码库 > 全栈老司机roadmap笔记--------Bootstrap (level 2)

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

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)