作业3

作者: 977777 | 来源:发表于2017-01-30 00:02 被阅读26次

这次的作业真的是好久了才弄完
通过这次作业了解了大致的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快捷方便很多,不用再自己去写一些布局之类的东西,直接使用就可以达到自己想要的结果。

相关文章

网友评论

      本文标题:作业3

      本文链接:https://www.haomeiwen.com/subject/tfecittx.html