16

我希望在使用浏览器缩小 (Ctrl--) 时获得相同的“紧凑”外观 - 就空间和一般使用而言font-size。padding当然没有副作用，最重要的是减少容器宽度。

我尝试在 Bootstrap 的http://getbootstrap.com/2.3.2/customize.html下载屏幕中摆弄@baseFontSizeand@baseLineHeight变量，但结果我遗漏了一些东西：

  1. 看起来不对 - 就平衡而言，填充是不对的。

  2. 投影仪屏幕上的中断（恐怖！） - 选择框，布局，一切都变得疯狂。

请保释我！

4

3 回答 3

0

我想知道这是否与响应式样式表有关。如果不知道您是否使用响应式样式表，很难给出明确的答案。但是如果你是，布局将不会与更大的屏幕保持成比例，因为它是响应式的。因此，如果您确实打开了该样式表，请尝试将其删除。

于 2013-10-02T14:16:51.243 回答
0

我有两个建议。

首先，您是否按照上面的链接使用 Bootstrap 2.3.2？通过使用 boostrap 3.0（及更高版本）具有的新脚手架，您可能能够更轻松地解决您的问题。升级您的网站有点痛苦，但是有自动转换器，而且新系统更易于使用，并且可能会有所帮助。

其次，你应该研究的另一个 CSS 技巧是 font-weight 和 line-height。字体粗细可以使您的文本更细/更粗（等级为 100、200、300、400 等...）。您也许可以使字体更细，线高更低，但整体字体更大，这将“紧凑”事物。如果你不知道它值得一试。

  font-weight: 200;
  line-height: 30px;
于 2014-04-16T23:30:38.297 回答
0

引导表紧凑

 table-sm
    To reduce the cell padding on your tables add a class .table-sm to your Bootstrap table. 
    Example below
    
    <table class="table table-sm">
于 2021-12-16T14:48:09.247 回答