用户代理样式表超出了我的桌子样式？ Twitter引导程序

StackOverflow https://stackoverflow.com/questions/9308234

  •  25-10-2019
  •  | 
  •  

题

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

在Twitter Bootstrap页面上（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">

CSS在Twitter Bootstrap页面上导入：

<link href="assets/css/bootstrap.css" rel="stylesheet">
有帮助吗？

解决方案

我实际上自己想了。我有 <!DOCTYPE html> 标签错误编写。因此，如果您有此问题，请确保Doctype声明正确！

其他提示

请将docs.css导入您的应用程序。如果我必须这样说，您必须意识到 Twitter引导文档 正在使用Bootstrap.css和自定义文档。尝试做，您可以从GitHub软件包中下载。然后，尝试使用文档中的桌子类玩。 CSS而不与大师CSS混乱。或尝试在标题中添加Doctype。 

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

如果声明 <!DOCTYPE html> 从一开始就无法使用，那么它可能不是您的用户代理样式表。这可能是Bootstrap的样式表超出您的样式（我遇到了这个问题）。确保您的样式表已链接到 后 Bootstrap在您的HTML中的样式表。

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/mystylesheet.css" rel="stylesheet"> <!-- Your custom style sheet goes after Bootstrap's -->

我遇到了与OP相同的问题。我想要可爱的小文字，一些用户样式表正在超越它并放置：

font-size: medium;

当我想要的时候：

font-size:8pt;

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

<!DOCTYPE html>

那时一切都很好，是一个不好的习惯，不宣布最高的医生。现在所有用户样式表都消失了。

要发现CSS上的内容是什么，它总是一个好主意，它总是一个好主意（F12），您可以随时修改和解开属性，直到您到达正确，然后使用它更新CSS文件！

但是，如果您确实有用户样式问题，这些值将被锁定。

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

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

它对我有用。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top