问题描述
这是我的第一篇文章，所以请不要打扰我。我对编程比较陌生，不久前报名参加了全栈开发课程。我最近又回到了课程中，却卡在了引导导航栏上。
我已经按照引导程序和导航栏的说明进行操作，直到我知道引导程序正在影响我的本地主机上的浏览器页面，但是格式在我曾经尝试解决的课程和多个教程中都做错了出去。当我将代码输入到 codeply.com 时，其显示区域的格式没有任何问题。不知道是gemfile问题，还是版本问题，还是因为经验不足没有考虑到。
我现在肯定被困在这个问题上，希望得到任何帮助！
这是我使用的代码：
http_req*这是发生问题的图片： Bootstrap Navbar Issue
解决方法
Boostrap 需要在您的计算机上加载一个 CSS 文件，或者将其链接到顶部。
像这样：
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
我建议使用他们的在线链接，因为加载速度更快，除非您想手动更改内容，否则它会更快。
如果您将引导程序下载到您的计算机，则需要链接该文件。像这样：
<link rel="stylesheet" href="{% static 'css/style.css' %}">
请记住，此代码段适用于 django。不确定你在用什么。所以你可能需要编辑 href 部分。