Bootstrap 4 我无法在bootstrap 4导航栏中更改字体大小或字体系列
嗨,我已经尝试了这个网站和其他网站的多种不同的解决方案,但我无法找出我的代码有什么问题。我对编码很陌生,所以如果很明显,请原谅 我不能从css中更改导航链接的字体系列或大小等 这是代码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。你知道吗
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。希望如此