Css 在bootstrap中将边距设置为@line height computed/2的基本原理是什么?
我在读一本书,书中提出了根据节奏单位垂直排列元素的想法。我认为bootstrap的团队在设计他们的排版风格时可能会遵循这个原则。但事实似乎并非如此。例如,具有以下预设:Css 在bootstrap中将边距设置为@line height computed/2的基本原理是什么?,css,twitter-bootstrap,Css,Twitter Bootstrap,我在读一本书,书中提出了根据节奏单位垂直排列元素的想法。我认为bootstrap的团队在设计他们的排版风格时可能会遵循这个原则。但事实似乎并非如此。例如,具有以下预设: @font-size-base: 14px; @line-height-base: 1.428571429; // 20/14 @line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px bod
@font-size-base: 14px;
@line-height-base: 1.428571429; // 20/14
@line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px
body {
font-size: @font-size-base;
line-height: @line-height-base;
}
为了坚持20px@font size base*@line height base的韵律单位,段落的边距应为20px@line height computed,其中在引导中,当前设置为10px@line height computed/2
那么bootstrap中的排版设置背后的想法是什么?它似乎不是垂直节奏
还有,我可以向bootstrap的团队问这个问题吗?关于这个问题有一些线索,@mdo是的,我也一直感觉到这个问题的痛苦。我想,我们在v3中增加了最高利润率。我经常忽略这些。是的,你是对的,应该是20像素。还有你,谢谢!你认为我应该改写这些风格,使它们与垂直节奏方法一致吗?或者我应该一直使用这些值,直到第4版的引导出现?我制作了更好看的排版,但在站点堆叠时要注意组件和垂直间距。看到他们在h6-h1、p、ul、ol、表单、表格等上有上下页边距,所以-假设这些元素在您的列中,并且您没有摆弄这些页边距-当设计堆叠时,将有一些垂直空间,如果您删除它们,例如,图像下方但标题之前的空间将消失。在行或列的顶部或底部添加边距或填充也会在嵌套和表单中出现问题。谢谢!最好,我不知道@mdo将如何处理v4。上下页边距对我的影响比它们对我的帮助更大。一致的底部边距堆叠得很好。请参见第2列,如果文本元素上有上边距,则图像将不会对齐,除非您将该图像放入另一个具有相同边距的包装器中,或者您的所有图像都具有该边距,这将成为拇指上的覆盖和所有其他问题