发表于: 2019-05-20 22:21:45

1 383


今天完成的事情:
  1. bootstrap自适应宽度为:自动( <768px )、750px( >=768px )、970px( >=992px )、1170px( >=1200px ),为了使得内容居中,因此保留了 外边距。
    containe 设置的是 padding: 15px ,row设置了 marign: -15px 。这样起到的效果就是内容宽和边框相等,无限嵌套下去不会产生内容区缩小的问题。 
    bootstra里面html { box-sizing: border-box },box-sizing是用来定义如何计算一个元素的总宽度和总高度。默认值是content-box,内容区会溢出盒子。而border-box则规定了,内容区在盒子内部。在响应式布局中,如果设置了border-sizing则不用考虑盒子溢出的问题。
    offset-xl-2 能够实现列偏移(使用margin-left),push,pull。无限嵌套。排序(order)。
2.在使用bootstrap中遇到了些问题,row很容易被忘记,而且它自身自带 margin-left(right):-15px,使用container能够抵消,但是不太推荐这种方式。删格系统失效,很大程度是因为flex冲突。因为bootstrap布局本身就是采用的flex布局。
3.变量能够存储字符串、数字甚至是函数。
4.radio如何改变样式,首先将自身样式隐藏起来。再使用label和input关联在一起,使用伪类选择器:before在label前写出需要的样式。配合:check点击属性,增加点击之后的样式。空心圆点能够通过border变粗实现。select这边是将默认样式隐藏了,右边内容区使用了背景图片。
明天计划的事情:
1.js学习
2.开始任务十一



返回列表 返回列表
评论

    分享到