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有
面试题前端bootstrap
最新推荐文章于 2021-10-01 14:51:49 发布
本文主要涵盖Bootstrap面试中的核心知识点,包括栅格系统的12列布局、响应式网页设计方法、SCSS的文件监听与混合器使用、响应式表格和按钮状态设置,以及Bootstrap的图片样式、分页、徽章和文字对齐等常见问题。
摘要由CSDN通过智能技术生成