angular - 引导程序无法正常工作，请指导我

我对 Bootstrap 也不是非常精通，但我可能会为您提供一些建议，以根据您通过图像显示的代码来构建页面。

开始吧，由于您对 Stack Overflow 比较陌生，我想让您知道您可以有效地将代码添加到您的问题中，而不必担心保存图像并将它们上传到托管站点。每当您发布问题或回复时，邮箱顶部都会有一个小导航栏，它会为您提供有关如何设置某些内容的信息，例如样式、HTML、块引号和代码片段。如果您在此导航栏上选择某些内容，Stack 将为您提供有关如何将这些部分实施到您的回复中的指南，以便其他人更容易查看和操作您的代码。例如，三个反向单引号，`，会给你一个代码块。

Like this

将链接发布到您从中提取代码的任何页面，或添加JS fiddle或codepen链接以让我们查看您正在使用的内容也总是有益的！

我希望这有助于减少您在提问时的一些等待时间，并让您有机会让更多的人做出回应。:)

与引导程序难题相比，与您列出的可以访问的其他文档相比，您的文件层次结构可能不准确。通过从其他网站复制代码，您首先要确保已更新指向网页文件结构的链接，以确保这些文件正确加载。

例如，您在您的 styles.css 中使用了此代码

@import "~bootstrap/dist/css/bootstrap.css";

据我了解，波浪号在 CSS 中的用途与此处应用的不同，因此我认为您可能没有正确链接到引导 CSS。您提到添加导入的代码后没有任何效果，这强化了这一点。有时链接必须是直接的，例如“https://www.mywebpage.com/css/bootstrap.css”，有时您可以使用其他方法来获取它们，例如../../css/bootstrap.css，这是一种用于将结构中的两个文件夹备份到理论上可能位于 CSS 文件夹的位置的方法。

如果您在指定的文件夹中，并且需要从您的位置导航到 CSS 页面，请尽力找出您所在位置阻力最小的路径。因此，如果我在文件夹中的文件中工作，并且 css 和引导程序位于两个文件夹中，并且在该层次结构中名为“后端”的另一个文件夹中，我将在 css 中构建导入函数：

@import "../../backend/css/bootstrap.css";

其中../../告诉页面向上移动两个文件夹，backend告诉页面打开后端文件夹，然后css/bootstrap.css告诉页面移动到 css 文件夹中以查找引导文件。

另一件值得注意的事情是，您可以在 CSS 文件中独立工作，并将它们全部链接到<head>HTML 的标签中。如果通过 CSS 链接某些东西不起作用，我会先尝试在 HTML 中链接它，看看是否有更大的问题。

接下来，我将转到您在此处发布的 HTML 片段。我查看了一下，发现页面没有足够的空间以您可能想要的方式响应，因为您根本没有填充跨度、按钮和 div 的内容。有时功能会出现在最少量的内容之后，或者您必须在 CSS 中指定。否则它看起来不错，但它非常重。如果其中任何一个在 HTML 或 CSS 中拼写错误，则页面可能无法按您希望的方式加载。我知道这些事情看起来微不足道，但我确实希望它们至少能给你一个开始的地方！:)

angular - 引导程序无法正常工作，请指导我

问题描述

解决方案

推荐阅读