Bootstrap中的两个容器class

Bootstrap中的两个容器class有什么特点？

  .container：定宽容器，padding:0 15px; margin: 0 auto;

      lg:   容器宽1170px

      md:  容器宽970px

      sm:  容器宽750px

      xs:  auto

 .container-fluid：变宽容器，padding:0 15px;

       容器宽：auto

同时，这两个容器都做了前置和后置内容生成，生成了一个空白字符，显示模式为table；

同时:after还添加了clear:both——从而可以防止子元素margin越界，以及子元素浮动对父元素及后续元素造成影响。