Bootstrap 4 我无法在bootstrap 4导航栏中更改字体大小或字体系列

Bootstrap 4 我无法在bootstrap 4导航栏中更改字体大小或字体系列,bootstrap-4,navbar,font-size,font-family,Bootstrap 4,Navbar,Font Size,Font Family,嗨,我已经尝试了这个网站和其他网站的多种不同的解决方案,但我无法找出我的代码有什么问题。我对编码很陌生,所以如果很明显,请原谅 我不能从css中更改导航链接的字体系列或大小等 这是代码 如果你还需要什么,请询问。谢谢。您是否尝试使用!重要信息 因为当您使用引导进行分类时,它充当内联css。你知道吗 font系列:“示例系列”!重要的; 您是否尝试使用!重要信息 因为当您使用引导进行分类时,它充当内联css。你知道吗 font系列:“示例系列”!重要的; 如何加载引导css?您正在使用

嗨,我已经尝试了这个网站和其他网站的多种不同的解决方案,但我无法找出我的代码有什么问题。我对编码很陌生,所以如果很明显,请原谅

我不能从css中更改导航链接的字体系列或大小等

这是代码



如果你还需要什么,请询问。谢谢。

您是否尝试使用
!重要信息

因为当您使用引导进行分类时,它充当内联css。你知道吗

font系列:“示例系列”!重要的;

您是否尝试使用
!重要信息

因为当您使用引导进行分类时,它充当内联css。你知道吗

font系列:“示例系列”!重要的;

如何加载引导css?您正在使用什么(如果有的话)框架

如果您想覆盖引导的导航栏样式,您可以创建自己的css文件并在其中进行编辑

下面是一个非常简单的示例(我使用的是Django框架,因此您将看到
{%}
):

index.html:


{%load static%}
测试页
导航栏
测试页面

style.css:

.navbar品牌{
字号:2em;
}
下面是在覆盖
navbar品牌
类之前,navbar的外观:

在创建自己的style.css文件并覆盖引导后:

如果要创建自己的类,可以在style.css文件中创建一个全新的类:

。自定义导航栏蓝色{
字号:2em;
颜色:蓝色;
}
并确保编辑html中的行:

Navbar


如果你不确定为什么有些东西看起来不像你期望的那样,你可以在浏览器中使用“开发者工具”>“检查”选项。如果您使用的是firefox,快捷键是Ctrl+Shift+C;如果您使用的是chrome,快捷键是Ctrl+Shift+I。您将能够看到加载了哪些CSS以及覆盖了哪些CSS。如果您的CSS由于某种原因无法加载,您将在“网络”选项卡中看到这一点。

如何加载引导CSS?您正在使用什么(如果有的话)框架

如果您想覆盖引导的导航栏样式,您可以创建自己的css文件并在其中进行编辑

下面是一个非常简单的示例(我使用的是Django框架,因此您将看到
{%}
):

index.html:


{%load static%}
测试页
导航栏
测试页面

style.css:

.navbar品牌{
字号:2em;
}
下面是在覆盖
navbar品牌
类之前,navbar的外观:

在创建自己的style.css文件并覆盖引导后:

如果要创建自己的类,可以在style.css文件中创建一个全新的类:

。自定义导航栏蓝色{
字号:2em;
颜色:蓝色;
}
并确保编辑html中的行:

Navbar


如果你不确定为什么有些东西看起来不像你期望的那样,你可以在浏览器中使用“开发者工具”>“检查”选项。如果您使用的是firefox,快捷键是Ctrl+Shift+C;如果您使用的是chrome,快捷键是Ctrl+Shift+I。您将能够看到加载了哪些CSS以及覆盖了哪些CSS。如果您的CSS由于某种原因无法加载,您将在“网络”选项卡中看到这一点。

感谢您的帮助。当asdf提示我进入开发者工具时,我发现了正确的语法和标识符,通过查看我想要更改的链接的标识颜色,获得了我想要的外观。在此之前,我使用了所有类型的疯狂组合

我需要的代码是

.navbar深色.navbar导航.nav链接{
字体系列:“六个大写字母”;
字体大小:xx大号;
}
再次感谢你们的帮助,非常感谢


p、 有人问我使用的是什么框架,它是Bootstrap4。

谢谢大家的帮助。当asdf提示我进入开发者工具时,我发现了正确的语法和标识符,通过查看我想要更改的链接的标识颜色,获得了我想要的外观。在此之前,我使用了所有类型的疯狂组合

我需要的代码是

.navbar深色.navbar导航.nav链接{
字体系列:“六个大写字母”;
字体大小:xx大号;
}
再次感谢你们的帮助,非常感谢


p、 有人问我使用的是什么框架,它是bootstrap 4。

正如@CanUver所说,这可能是一个优先问题。此外,按元素类型划分的选择器的排名比按类划分的选择器的排名高,而按id划分的选择器的排名又比按类划分的选择器的排名高!重要的关键字应该覆盖一切,但在我看来,当你不需要的时候使用它并不是一个很好的实践——它可能会限制你将来的选择。也许您需要一个媒体查询来更改字体大小,然后您将被迫重新使用关键字。这将有助于查看您尝试更改字体时使用的css。希望这能有所帮助,正如@CanUver所说,PhilIt可能是一个具有优先权的问题。此外,按元素类型划分的选择器的排名比按类划分的选择器的排名高,而按id划分的选择器的排名又比按类划分的选择器的排名高!重要的关键字应该覆盖一切,但在我看来,当你不需要的时候使用它并不是一个很好的实践——它可能会限制你将来的选择。也许您需要一个媒体查询来更改字体大小,然后您将被迫重新使用关键字。这将有助于查看您尝试更改字体时使用的css。希望如此