这周的很多时间是花在了bootstrap上,把慕课网的基础教学部分看完了,然后看了一下有响应式的部分以及简单看了一下回到顶部按钮是怎么实现的。
基础部分讲的都是一些API如何应用,如果可以很好地应用,可以用很少的代码实现很好地网页效果。 通过getbootstrap.com官网学习,可以将js,css,fonts等字体文件下载再链接入自己的文件,也可以直接链接目标网址进入文件来实现。当中有很多内容都可以直接引入类名来实现,排版中的标题,文字,对其风格,代码的写入,表格表单,复选框,按钮,下拉菜单,媒体对象等等,仅需将类名引入即可。
基础部分讲的都是一些API如何应用,如果可以很好地应用,可以用很少的代码实现很好地网页效果。 通过getbootstrap.com官网学习,可以将js,css,fonts等字体文件下载再链接入自己的文件,也可以直接链接目标网址进入文件来实现。当中有很多内容都可以直接引入类名来实现,排版中的标题,文字,对其风格,代码的写入,表格表单,复选框,按钮,下拉菜单,媒体对象等等,仅需将类名引入即可。
觉得其中比较重要的是网格系统,它可以很好地做好页面布局排版。
网格系统------实现原理:
1、数据行(.row)必须包含在容器(.container)中,以便为其赋予合适的对齐方式和内距(padding)。如:
<div class="container"> <div class="row"></div> </div>
2、在行(.row)中可以添加列(.column),但列数之和不能超过平分的总列数,比如