bootstrap 面试题

本文整理了16道关于Bootstrap的面试题目,涵盖了响应式布局、栅格系统、文本对齐、验证提示状态等多个方面,帮助你更好地理解和掌握Bootstrap的使用。
摘要由CSDN通过智能技术生成

1、 如果让一个元素在pc端显示而在手机端隐藏,下列选项正确的是(b)。

A、 visible-xs-8 hidden-md

B、 visible-md-8 hidden-xs

C、 visible-md-8 hidden-sm

D、 visible-sm-8 hidden-md

  详解:

  a、 超小屏幕(<768px)显示,中屏(>=992px)隐藏,所以错误

  b、 中屏(>=992px)显示,超小屏幕(<768px)隐藏,所以正确

  c、 中屏(>=992px)显示,小屏幕(>=768px)隐藏,所以错误

  d、 小屏幕(>=768px)显示,中屏(>=992px)隐藏,所以错误

2、 在bootstrap中,下列的类(c)可以使一个元素在打印使隐藏。

  A、visible-print-block

  B、 visible-print-inline

  C、 hidden-print

  D、 print-hidden

  详解:

    a、 浏览器:隐藏。打印机:可见。

    b、 浏览器:隐藏。打印机:可见。

    c、 浏览器:可见。打印机:隐藏。

    d、 Bootstrap的打印类里面没有这个类。

3、 在bootstrap中,栅格系统的标准用法(c)是错误的。

  A、

  B、

  C、

  D、

  详解:

    a、 .row的行必须包含在.container的容器中,所以正确。

    b、 在.row的行中可以添加.column的列,所以正确

    c、 .row的行必须包含在.container的容器中,所以错误。

    d、 在.column的列中可以嵌套.row的行,所以正确。

4、 下列(d)不是正确的辅助类。

  A、.text-muted。

  B、 .text-da

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值