width: 100%和max-width: 100%的区别

列在创建后会自带padding

logo里面的img设置了width100%
图片的宽度和父元素一样宽
导致在的时候父元素宽度过大时图片进行放大，排版不好看

为了解决这个问题可以设置max-width:100%

width: 100%和max-width: 100%的区别是：width: 100%是将所有指定元素的宽度
拉伸或收缩到和父元素的宽度一致，而max-width:
100%则是如果指定元素的宽度不超过父元素的宽度，则大小不变，如果超过了父元素的宽度，则将宽度收缩为父元素的宽度。

visible-xs 只有在超小屏设置该属性的元素才可见

hidden-xs 在超小屏隐藏该属性的元素