面试题前端bootstrap

本文主要涵盖Bootstrap面试中的核心知识点,包括栅格系统的12列布局、响应式网页设计方法、SCSS的文件监听与混合器使用、响应式表格和按钮状态设置,以及Bootstrap的图片样式、分页、徽章和文字对齐等常见问题。
摘要由CSDN通过智能技术生成

1.用bootstrap中的栅格做网页布局的基本结构是什么?默认将一行分为多少列?
答案:容器中设置行,行内设置列
默认将一行分为12个单元格(列)
2.如何编写响应式网页?
答案:
(1)声明viewport元标签
(2)所有容器/文字/图片 使用相对尺寸
(3)流式布局+弹性布局
(4)使用CSS3 Media Query技术
3.同时监听多个scss文件的命令是什么?
答案:node-sass -w scss文件夹 –o css文件夹
4.在scss中如何定义混合器以及引用?
答案:
@mixin 混合器名称{ 样式声明 }
通过@include来使用混合器。
5.对于各类尺寸的设备,Bootstrap设置的class前缀分别是什么?
答案
超小设备手机(<768px):.col-xs-
小型设备平板电脑(>=768px):.col-sm-
中型设备台式电脑(>=992px):.col-md-
大型设备台式电脑(>=1200px):.col-lg-
6.Bootstrap如何设置响应式表格?
增加class=“table-responsive”
7、使用Bootstrap激活或禁用按钮要如何操作?
激活按钮:给按钮增加.active的class
禁用按钮:给按钮增加disabled="disabled"的属性
8、Bootstrap有

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值