Bootstrap响应式网站开发实例教程
上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 八等分布局效果