明灭的烟头 / IT / Bootstrap题目小测试

分享

   

Bootstrap题目小测试

2020-10-24  明灭的烟头

什么是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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多
    喜欢该文的人也喜欢 更多

    ×
    ×

    ¥.00

    微信或支付宝扫码支付:

    开通即同意《个图VIP服务协议》

    全部>>