作业3

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容