css - Bootstrap ProgressBar 增加列高

标签 css twitter-bootstrap

我正在使用 bootstrap 网格,它有表格和列,并显示 bootstrap 进度条,但它增加了列的高度,任何人都可以指导它为什么这样做,这是我的代码,我是如何使用它的,

<table>
  <tbody>
    <tr>
      <td class="abc">
        <div id="xy" class="progress progress-striped active">
          <div id="xyz" class="progress-bar" style="width: 70%;">some text</div>
        </div>
      </td>
    </tr>
  </tbody>
</table>

最佳答案

Bootstrap CSS 默认添加 20 像素的边距。您可以通过添加以下 CSS 来覆盖它:

.progress {margin-bottom:0}

http://jsbin.com/gajawu/edit?html,css,output

关于css - Bootstrap ProgressBar 增加列高,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31159294/

相关文章:

HTML CSS Nav 获取表格的顶部边距

html - 在纯 CSS 中,是否可以将边距设置为等于当前元素的高度?

javascript - 让 jquery 和 css 过渡效果协同工作

javascript - 使用 PHP 和 Javascript 为每个用户电子邮件生成新的哈希值

javascript - Bootstrap Modal 在点击时不打开(触发)

html - 如何使横跨网站宽度的 3 张图像具有响应性?

javascript - 编辑列表中每个 div 的样式属性

javascript - 检查一个 div 是否接触到另一个 div

javascript - 当图像宽度与视口(viewport)宽度不成比例时响应图像?

javascript - Bootstrap Dropdown JavaScript 不适用于多个下拉菜单