css – Twitter的Bootstrap的垂直节奏

前端之家收集整理的这篇文章主要介绍了css – Twitter的Bootstrap的垂直节奏前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否有任何现有的插件/扩展/方法来保持Twitter的Bootstrap项目的垂直节奏?

创建良好的垂直节奏模板是相当艰巨的任务,我宁愿使用预烘焙的解决方案。我有创意的建议,我只是希望我的网页最后一致。

编辑:澄清我以后…

垂直节奏是一种用于确保页面上的每个元素根据水平网格排列的技术。这是通过设置每个项目的高度,填充和边距来符合标准单位行大小来实现的。如果段落中的一行文本高20像素(包括边距和填充),则标题4也将为20像素高,标题1可能高40像素。这样可以保持文本跨越列的节奏。

我想使用这种技术与bootstrap(从twitter)的组合,但它将是相当多的工作,让一切看起来不错。例如,所有按钮将需要符合与段落文本等同的垂直高度定义。还有其他标准控件在引导中​​使用,它们也将需要适当的规则来定义它们的高度。

我可以从一个垂直节奏的通用解决方案开始,这将大大有助于实现我想要的,但是我想知道其他人是否已经启动,或者有任何想法来实现这一点。

编辑:假设没有什么像我想要的…

也许只是一个很好的基于垂直节奏的css模板将是一个很好的起点。最好是继续开发的东西,已经可以使用,深思熟虑,适应性强。

解决方法

由于没有人与您建议的实际垂直节奏样板相连,所以我拿了一个我使用的评论,并为此创建了一个github回购 https://github.com/jonschlinkert/vertical-rhythm

正如在自述文件中所说,这是您自己的项目的起点。

猜你在找的CSS相关文章