第一次使用Bootstrap时遇到一些问题。由于某种原因，无论我对自定义CSS进行什么更改，它都不会影响引导CSS或布局的常规html。我目前正在尝试在Visual Studio中建立我的第一个网站，并被建议使用Bootstrap，但是我似乎无法使其按我想要的方式工作。我已经成功创建了我想要的Web元素，而无需使用引导程序，但是当我尝试使用引导程序时，无论执行什么操作，它都不想显示任何自定义CSS。
如上所述，我尝试的第一件事是直接编辑bootstrap css，这绝对不会影响我的网页的布局。此后，我发现创建一个单独的main.css文件，然后将其链接到引导文件是个好主意，对main.css文件所做的任何更改都应更改引导css，而不必弄乱引导文件。但是，使用此方法，所有更改都不会改变网页的显示方式。之后，我决定逐步按照本教程https://websitesetup.org/bootstrap-tutorial-for-beginners/进行操作，即使它是notepad ++教程而不是Visual Studio教程。即使按照本教程的逐步操作，对CSS所做的任何更改都不会显示在网页上。
当我简单地将html添加到布局页面而没有将bootstrap或main.css链接到布局页面时，功能可以按预期工作，但是我无法自定义html的某些内容，因此我需要使其与css一起使用。
我已经做了一些Google搜索来解决此问题，并尝试了几种方法，例如将代码从布局页面的正文移动到页脚，以确保.css文件的文件目录正确，包括大写字母，但我不能似乎找到问题所在。
这是我将布局页面链接到main.css文件的方式，该文件包含用于更改网页导航栏的css：
<head>
<link rel="stylesheet" type="text/css" href="Main.css">
this is the link to the Main.css file with my custom .css that I used in the layout view in visual studio
<link rel="stylesheet" href="BSProject/css/bootstrap.min.css">
This is the link to the bootstrap file I used when following the above tutorial and added this to the head of the index.html file
<title>Home</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
这是我放入main.css文件中的内容，同时也在bootstrap.css中找到.nav类，并尝试将这些信息也放入bootstrap文件中。
/* The navigation bar */ …