Bootstrap响应式网站开发任务式教程习题答案 (3).docxVIP

PAGE50

PAGE51

拓展训练-答案

1.选择题

（1）Bootstrap5中.container类在小型设备平板电脑的最大容器宽度是（B）。

A.540pxB.720pxC.960pxD.1140px

（2）Bootstrap5中列之间隙宽度是（D）。

A.autoB.0.5remC.1remD.1.5rem

（3）Bootstrap5中，网格系统标准用法（C）是错误的。

A.divclass=col-md-3divclass=row/div/div

B.divclass=containerdivclass=row/div/div

C.divclass=rowdivclass=container/div/div

D.divclass=rowdivclass=col-md-3/div/div

2.实践项目：使用bootstrap网格系统布局页面。

（1）使用Bootstrap网格时，可以对网页方便的进行模块分割。请参照图某电商平台图所示的效果运用网格布局进行实现。

（a）分辨率小于576像素的效果（b）分辨率大于等于576而小于768像素的效果

（c）分辨率大于等于768像素的效果

（2）使用Bootstrap网格系统参照图所示的效果布局七等分的页面效果。

图均匀分布七等分的页面效果