html - 与页面样式交互的 Chrome 扩展(Bootstrap 容器缺少左填充)

标签 html css twitter-bootstrap

我的页面(使用 Bootstrap )中存在以下问题,我在官方 Bootstrap 示例中也注意到了这个问题:( http://getbootstrap.com/examples/grid/ )

即使 .container 类有:

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

15 像素的左右内边距,实际上,由于某种原因我无法确定,左内边距似乎减半了。

在我的例子中,我设置的地方

$grid-gutter-width: 15px;

容器的实际 padding-left,即使它被报告为正确的“7.5px”,似乎是 0。

enter image description here

最佳答案

enter image description here

这真的很奇怪……在我看来它工作得很好。 当我禁用它时,它也能正常工作。

我看到的唯一想法是,您正在削减浏览器的一部分。 看到包含 div.container 345px x 3427px 的黄色矩形

关于html - 与页面样式交互的 Chrome 扩展(Bootstrap 容器缺少左填充),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31651285/

相关文章:

javascript - Particles.js 作为背景?

javascript - 将参数传递给 FileReader onload 事件

javascript - 使用 JavaScript 为 HTML 背景图 block 随机选择图像

javascript - Bootstrap 菜单在单击时更改 li 事件类

php - 使用 PHP 和 HTML 将文本字段插入数据库

javascript - 选择不带 TR 的表 TD

JQuery 无法识别滚动上的单个类更改

html - 如何并排更改div以在移动设备上堆叠?

javascript - 随主要内容滚动的侧边栏

javascript - jquery 媒体查询上的 jQuery 侧边导航