Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sockets/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS页边距和填充正确执行标题_Css_Twitter Bootstrap 3 - Fatal编程技术网

CSS页边距和填充正确执行标题

CSS页边距和填充正确执行标题,css,twitter-bootstrap-3,Css,Twitter Bootstrap 3,最近我和我的队友就css标题边距和填充进行了辩论。我是boostrap的忠实粉丝,并且倾向于遵循他们的指导方针和用标题处理填充和边距的方式。冲突在于标题(h1、h2、h3等)是否应该有页边顶部或填充 示例A来自bootstrap,标题有边距和填充,因为示例B是我们的商业网站,无边距,顶部只有底部。他们的观点是减少有额外顶部边距的机会,边距应由容器定义。但对于引导网格系统,默认的paddingtop和paddingbottom是0px,因此在标题中添加边距以创建顶部边距是有意义的 那么,什么是正

最近我和我的队友就css标题边距和填充进行了辩论。我是boostrap的忠实粉丝,并且倾向于遵循他们的指导方针和用标题处理填充和边距的方式。冲突在于标题(h1、h2、h3等)是否应该有页边顶部或填充

示例A来自bootstrap,标题有边距和填充,因为示例B是我们的商业网站,无边距,顶部只有底部。他们的观点是减少有额外顶部边距的机会,边距应由容器定义。但对于引导网格系统,默认的paddingtop和paddingbottom是0px,因此在标题中添加边距以创建顶部边距是有意义的

那么,什么是正确的和最好的方法

  • 带衬垫和标题的容器,顶部无边距
  • 顶部和底部没有填充物的容器,标题带有边距和填充物
  • 请让我知道。谢谢

    注意:Foundation遵循相同的规则,默认情况下仅向左填充和向右填充

    @media only screen and (min-width: 64.063em)
    .column, .columns {
      position: relative;
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      float: left;
    }
    

    就我个人而言,我做选项B,对我来说,为内容创建相等的行距(流)更容易。嗯。。。你使用引导程序吗?他们的容器默认值是padding top和padding bottom 0px,那么您是否通过添加padding:15px来覆盖他们的默认值?事件基础CSS框架做同样的事情。