发表于： 2019-08-26 22:58:46
1 867
bootstrap的学习
1：网格系统
网页的宽度通常被分成12份，通过更改类中的数字，使总数不超过12，来定义大小。
效果为
4+8=12 宽度正好占满整个页面，如果把类中的数字改一下
，效果如下，盒子会自动换到下一行。
添加类名col-md-offset-+数字就可以使盒子向右偏移，列总数依旧不能超过12.
2：菜单、按钮
在下拉菜单之间，通过创建一个空的<li>,然后添加一个类名divider来实现下拉菜单的分隔线，效果如下：
下拉菜单默认为左对齐，可以在dropdown-menu 上添加pull-right/dropdown-menu-right的类名，使下拉菜单右对齐。
把下拉菜单的dropdown容器换成btn-group，就可以实现下拉菜单跟普通按钮排在一组，
如换成btn-group-vertical即可把水平组排成垂直组，
在按钮组btn-group 上追加一个btn-group-justified类名，可以变成自适应按钮组，常适用于移动端。
通过在<button>标签中添加一个<span>，并且命名为caret，就能得到一个反向的下拉菜单
bootstrap先到此止住，明天的计划，完善任务6，开始任务7.
返回列表
评论