发表于： 2019-03-12 20:50:07
1 762
今天完成的事情：
任务八第一个页面的4分之3
明天计划的事情：明天打算把任务八第一个页面完成，并把第二个页面简单做一点，然后在了解一下相关知识
遇到的问题：
栅格布局如何让5个一排
ootstrap里面没有设定5列的，他是把一行分成12个等分的栅格，然后col-xs-1就是1个栅格单位，所以宽度就是1/12。col-xs-3就是3个栅格单位，宽度就是3/12=25%，每行能放4个，刚好100%。根据这个原理，想分成5列也很好办，可以直接用col-xs-3，然后在CSS里加一行代码
.col-xs-3 { width:20%;} 等于重新定义了栅格宽度，这样每行刚好5个。
提示下：这样定义的话，整个页面的.col-xs-3都是20%的宽度了，而不是bs默认定义的25%。
所以最好办法是在每列的DIV上再加一个class，定义这个class的宽度为20%，完美解决。
收获：加深了对栅格布局的理解
返回列表
评论