Question

我正在使用Twitter bootstrap。我的问题是表中的字体大小是错误的。由于某种原因，用户代理样式表覆盖了引导表样式。

在Twitter引导程序页面（http://twitter.github.com/bootstrap/base-css.html）上，一切当然都正常。

在我的检查员中，我发现以下差异：

我的页面：

CSS style for my page

twitter bootstrap页面：

CSS style for twitter bootstrap page

所以问题肯定是用户代理样式表覆盖了引导程序样式。

我无法弄清楚为什么在我的页面和twitter引导程序页面上有所不同。

其他大多数CSS工作正常。

我的css导入：

<link href="/media/bootstrap/css/bootstrap.css" rel= "stylesheet">

在twitter bootstrap页面上导入CSS：

<link href="assets/css/bootstrap.css" rel="stylesheet">

Answer 1

我实际上是自己想出来的。我错误地写了<!DOCTYPE html>标签。因此，如果您遇到此问题，请确保doctype声明正确无误！

Answer 2

请将docs.css导入您的应用程序。如果我必须这样说，你必须意识到 Twitter Bootstrap Docs 正在使用bootstrap.css和自定义docs.css。尝试做，你可以从github包下载。然后，尝试使用docs中的表类。 css没有搞乱主css。或者尝试在标题中添加DOCTYPE。

<link href="/media/bootstrap/css/docs.css" rel= "stylesheet">

Answer 3

如果在最开始声明<!DOCTYPE html>不起作用，则可能不是您的用户代理样式表。它可能是Bootstrap的样式表覆盖你的样式（我遇到了这个问题）。确保您的样式表在HTML中的 Bootstrap样式表之后链接到。

<link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/mystylesheet.css" rel="stylesheet"> 

Answer 4

我和OP有同样的问题。我希望可爱的小文本和一些用户样式表覆盖它并放置：

font-size: medium;

我想要的时候：

font-size:8pt;

我将以下内容放在HTML页面的顶部：

<!DOCTYPE html>

一切都很好，这是一个不习惯在顶部宣布doctype的坏习惯。所有用户样式表现已消失。

要发现什么是覆盖CSS的内容，最好检查元素（F12），你可以动态修改和取消属性直到你到达，然后用它来更新你的CSS文件！

但是，如果确实存在用户样式表问题，则会锁定这些值。

Answer 5

检查网络列下的浏览器开发工具（按F12）是否调用了CSS。

如果未调用，请使用样式表1 rel="stylesheet" type="text/css"。

它对我有用。

用户代理样式表覆盖了我的表格样式？ Twitter Bootstrap

5 个答案: