这次的作业真的是好久了才弄完
通过这次作业了解了大致的bootstrap的相关知识
通过本次作业主要了解了以下几个内容
-
引入boorstrap
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
-
文本居中
<h2 class="text-center">统一建模语言理论考试</h2>
-
面板
使用panel
能够将一部分内容统一成为一个模块
<div class="panel panel-default">
<div class="panel-body">
这是一个基本的面板
</div>
</div>
-
栅格系统
<div class="container"> <div class="row"> <div class="col-*-*"></div> <div class="col-*-*"></div> </div> <div class="row">...</div> </div> <div class="container">
不同的设备使用不同的参数来调节
-
按钮
<button type="button" class="btn btn-primary ">计算分数</button>
完成的在这里啦~
感觉bootstrap比css快捷方便很多,不用再自己去写一些布局之类的东西,直接使用就可以达到自己想要的结果。