gpt4 book ai didi

angular - Bootstrap 不适用于我的 Angular 项目

转载 作者:行者123 更新时间:2023-12-04 13:21:55 25 4
gpt4 key购买 nike

我已使用以下步骤将 Bootstrap 包含到我的 Angular 项目中

  1. 使用 cli 创建 angular 项目
  2. npm install bootstrap@3 jquery --save
  3. 然后像往常一样将脚本和样式路径添加到我的索引文件

该样式未应用于我的页面。还有什么我必须做的吗?我正在从索引页添加我的 HTML 代码片段

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Project</title>
<script src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap-theme.min.css">
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<h1>ewreeew</h1>
<button class="btn btn-primary">Test Button</button>
<app-root></app-root>
</body>
</html>
版本详情如下: Angular CLI:6.0.8

节点:8.11.2

操作系统:win32 x64

Angular :6.0.5

...动画、通用、编译器、编译器-cli、核心、表单

... http、语言服务、平台浏览器

...平台浏览器动态,路由器

包版本

@angular-devkit/架构师 0.6.8

@angular-devkit/build-angular 0.6.8

@angular-devkit/build-optimizer 0.6.8

@angular-devkit/核心 0.6.8

@angular-devkit/schematics 0.6.8

@angular/cli 6.0.8

@ngtools/webpack 6.0.8

@schematics/Angular 0.6.8

@schematics/更新 0.6.8

rxjs 6.2.1

typescript 2.7.2

网络包 4.8.3

谢谢

最佳答案

将引导文件添加到全局 styles.css 文件中,如下所示:-

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

关于angular - Bootstrap 不适用于我的 Angular 项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50943024/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com