Bootstrap题目小测试

什么是BootStrap框架

Bootatrap是基于HTML、CSS、JAVASCRIPT的前端框架，之所以他能够帮我们快速构建一个前端应用是因为他实现了很多默认的网页样式效果。

Html、Css和BootStrap框架的关系是什么

css对我们的html 标签进行样式修饰。
bootstrap实现了很多默认css样式的一个框架。

下列代码布局合理吗？不合理的话，应该怎么改进

<div> 名字：<input type='text' name='username'> <br> 昵称：<input type='text' name='nickname'></div>

• 1
• 2
• 3
• 4
• 5

• 1
• 2
• 3
• 4
• 5

不合理

 <div><div>      名字：<input type='text' name='username'><br></div><div>      昵称：<input type='text' name='nickname'></div>  </div>
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9

绝对路径和相对路径的差别是什么

绝对路径是指文件在硬盘上真正的路径。
相对路径是指相对于当前文件的路径。

col-md-6、col-xs-6这两个类分别表示什么含义

col-md-6:bootatrap将父级元素分成等宽的12个单元格，子元素将自己设置成了6个宽度的单元格。
col-xs-6: 用于超小型设备(max-width:768px)bootatrap将父级元素分成等宽的12个单元格，子元素将自己设置成了6个宽度的单元格。

col-md-push-6、col-md-offset-6、col-md-pull-6这三个类分别表示什么含义

col-md-push-6:将元素往右推进6个单元格
col-md-offset-6：使当前元素左边产生6个单元格的margin填充
col-md-pull-6：将元素往左推进6个单元格

写出至少四个BootStrap的特殊文本效果标签并说明其对应效果

<mark>标记文字</mark>高亮<del>删除文字</del><ins>划线文字</ins><p class='text-center'>文本居中</p>

• 1
• 2
• 3
• 4

• 1
• 2
• 3
• 4

写出至少三个BootStrap带颜色文本类

    <p class='text-warning'>红色文本</p><p class='text-primary'>蓝色文本</p><p class='text-success'>黄色文本</p>
1
2
3
1
2
3