发表于： 2019-03-09 21:41:25
1 667
今天完成的事情：
任务8 导航栏，轮播图大致已完成，
明天计划的事情：
完成任务8第一个页面，第二个还有后面的的。
遇到的问题：
导航栏位置的调整有点不顺利，因为是直接引过来的框架，好多代码都不清楚，调配起来有点麻烦，不过后来也慢慢解决了，
收获：
对bootstarp框架的认知，还有就是对网格系统的简单了解；在平面设计中，网格是一种由一系列用于组织内容的相交的直线（垂直的、水平的）组成的结构（通常是二维的）。它广泛应用于打印设计中的设计布局和内容结构。在网页设计中，它是一种用于快速创建一致的布局和有效地使用 HTML 和 CSS 的方法。
Bootstrap 包含了一个响应式的、移动设备优先的、不固定的网格系统，可以随着设备或视口大小的增加而适当地扩展到 12 列。它包含了用于简单的布局选项的预定义类，也包含了用于生成更多语义布局的功能强大的混合类。
bootstarp网格布局，可以想象把一个盒子分成12份 超小手机class前缀用col-xs-单位小于768px,小型设备平板电脑大于等于768px,class前缀用。col-sm-，中型设备台式电脑大于等于992px，class前缀.col-md-,大型大脑大于等于1200px class前缀用。col-lg-。上面每个盒子没列都是12份。
返回列表
评论