首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Ngx Bootstrap元素未显示

Ngx Bootstrap元素未显示
EN

Stack Overflow用户
提问于 2021-10-11 18:02:22
回答 1查看 115关注 0票数 0

我已经将Ngx Bootstrap添加到我的angular项目。之后,我创建了一个名为UI Elements的模块。

ui-elements.module.ts

代码语言:javascript
运行
复制
import { NgModule } from '@angular/core';
import { TooltipModule } from 'ngx-bootstrap/tooltip';
import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';

@NgModule({
  imports: [
    BsDatepickerModule.forRoot(),
    TooltipModule.forRoot()
  ]
})
export class UiElementsModule { }

之后,我已经将上面的模块导入到主app module

app.module.ts

代码语言:javascript
运行
复制
import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { LayoutsModule } from './layouts/layouts.module';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    LayoutsModule,
    UiElementsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

customer.component.html

代码语言:javascript
运行
复制
<button type="button" class="btn btn-primary" tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
    Simple demo
</button>

但是Ngx Bootstrap仍然不起作用。没有错误。

有什么帮助吗?

EN

回答 1

Stack Overflow用户

发布于 2021-10-11 18:33:27

你添加了一个引导CSS吗?

代码语言:javascript
运行
复制
<!--- index.html -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We">

https://valor-software.com/ngx-bootstrap/#/documentation#getting-started

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69530631

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档