上QQ阅读APP看书,第一时间看更新
3.4 习题与项目实践
1.选择题
(1)Bootstrap中.container类在小型设备平板计算机的最大容器宽度是( )。
A. None
B. 750px
C. 970px
D. 1170px
(2)Bootstrap中.container类在中型设备台式电脑的最大列宽是( )。
A. Auto
B. ~60px
C. ~78px
D. ~95px
(3)将.col-md设备下的列向右移动4个列的宽度的代码是( )。
A. .col-md-left-4
B. .col-md-offset-4
C. .col-md-pull-4
D. .col-md-push-4
2.实践项目——使用Bootstrap栅格系统布局页面
(1)使用Bootstrap栅格系统可以方便地对网页进行模块分割。Bootstrap包含了一个响应式的、移动设备优先的、不固定的网格系统,可以随着设备或视口大小的增加而适当地扩展到12列,请参照图3-19所示的效果布局五等分的页面。
图3-19 五等分布局效果
(2)请参照图3-20所示的效果使用Bootstrap栅格系统布局八等分的页面。
图3-20 八等分布局效果