前端面试问题自测--第五章

1. 在Bootstrap中，下面栅格系统的标准用法中哪个错了？

A.
class="container"><div class="row"></div></div>
B.
class="row"><div class="col-md-1"></div></div>
C.
class="row"><div class="container"></div></div>
D.
class="col-md-1"><div class="row"></div></div>

2. 哪个是不正确的辅助类？

A. .text-muted
B. .text-danger
C. .text-success
D. .text-title

3. 在Bootstrap中，关于弹性布局的属性错误的是？
   A. flex
   B. flex-direction
   C. justify-content
   D. flex-container

4. 在Bootstrap中，关于flex-direction的属性错误的是？
   A. col
   B. row
   C.row-reverse
   D.column-reverse

5. 在Bootstrap中，关于flex-wrap的属性错误的是？
   A. nowrap
   B. colwrap
   C. wrap
   D. wrap-reverse

6. 在Bootstrap中，关于justify-content的属性错误的是？
   A. flex-start
   B. flex-end
   C. middle
   D. space-between

7. 在Bootstrap中，关于align-items属性错误的是？
   A. flex-start
   B. flex-end
   C. center
   D. underline

8. 在Bootstrap中，哪个不是媒体查询类的值？
   A.all
   B.speed
   C.handheld
   D.print

9. 在Bootstrap中，哪个不是媒体特性的属性？
   A.device-width
   B.width
   C.background
   D.orientation

10. 在Bootstrap中，哪个是错误的媒体查询？
    A. @media all and (min-width:1024px) {}
    B. @media all and (min-width:640px) and (max-width:1023px) {}
    C. @media all and (min-width:320px) and (max-width:639px) {}
    D. @media screen and (min-width:320px) and (max-width:639px) {}

11. 在Bootstrap中，哪个不属于栅格系统实现原理？
    A. 自定义容器大小，平均分成12分
    B。 基于JavaScript开发的组件
    C。 结合媒体查询
    D， 调整内外边距

12. 在Bootstrap中，下面响应式栅格系统哪个错了？
    A. .col-sx-:超小屏幕（<768px）
    B. .col-sm-:小屏幕（>=768px）
    C. col-md-:中等屏幕（>=992px）
    D. col-mg-:大屏幕（>=1200px）

13. 在Bootstrap中，哪个不是文本对齐方式？
    A. .text-left
    B. .text-middle
    C. .text-right
    D. .text-justfy

14. 在Bootstrap中，不属于验证提示状态的类？
    A. .has-warning
    B. .has-error
    C. .has-danger
    D. .has-success

15. 在Bootstrap中，不属于媒体查询关键词？
    A. and
    B. not
    C. only
    D. or

16. 在Bootstrap中，下面不属于按钮尺寸 ？
    A. .btn-lg
    B. .btn-md
    C. .btn-sm
    D. .btn-link

17. 在Bootstrap中，不属于button的预定义样式？
    A. .btn-success
    B. .btn-wrap
    C. .btn-info
    D. .btn-link

18. 在Bootstrap中，下面不属于图片处理的类？
    A. img-rounded
    B. .img-circle
    C. .img-thumbnail
    D. .img-radius

19. 为什么使用Bootstrap？

20. 请讲解Bootstrap网格系统（Grid System）工作原理

21. 如何让一个元素在PC端显示、手机端隐藏？

22. 在使用Bootstrap的同时使用地图API，可能会造成Bootstrap与地图冲突，地图显示不出来，如何解决？

23. Bootstrap栅格系统有几个？