Hướng dẫn ngx-bootstrap - ngx-bootstrap

• ngx-bootstrap là gì?
• Cài đặt ngx-bootstrap
  • Cách 1
  • Cách 2
  • Cài đặt version bootstrap thủ công

ngx-bootstrap là một dự án Mã nguồn mở (MIT Licensed), đây là một dự án độc lập với sự phát triển liên tục được thực hiện nhờ sự hỗ trợ của những người ủng hộ tuyệt vời.

ngx-bootstrap chứa tất cả các thành phần Bootstrap cốt lõi (và không chỉ) do Angular cung cấp. Vì vậy, bạn không cần phải bao gồm các thành phần JS gốc, nhưng chúng tôi đang sử dụng đánh dấu và CSS do Bootstrap cung cấp.

Cài đặt ngx-bootstrap

Cách 1

Install 

import { TooltipModule } from 'ngx-bootstrap/tooltip';

@NgModule({
  ...
  imports: [TooltipModule.forRoot(),...]
  ...
})

  Simple demo

npm install ngx-bootstrap --save

Cách 2

import { TooltipModule } from 'ngx-bootstrap/tooltip';

@NgModule({
  ...
  imports: [TooltipModule.forRoot(),...]
  ...
})

Cài đặt version bootstrap thủ công

  Simple demo

ngx-bootstrap là một dự án Mã nguồn mở (MIT Licensed), đây là một dự án độc lập với sự phát triển liên tục được thực hiện nhờ sự hỗ trợ của những người ủng hộ tuyệt vời.

• 
    Simple demo
  
  

  1

• 
    Simple demo
  
  

  2

Cách 2

Cài đặt version bootstrap thủ công

ng add ngx-bootstrap

ngx-bootstrap là một dự án Mã nguồn mở (MIT Licensed), đây là một dự án độc lập với sự phát triển liên tục được thực hiện nhờ sự hỗ trợ của những người ủng hộ tuyệt vời.

ng add ngx-bootstrap --component tooltip

ngx-bootstrap chứa tất cả các thành phần Bootstrap cốt lõi (và không chỉ) do Angular cung cấp. Vì vậy, bạn không cần phải bao gồm các thành phần JS gốc, nhưng chúng tôi đang sử dụng đánh dấu và CSS do Bootstrap cung cấp.

  Simple demo

Cài đặt version bootstrap thủ công

ngx-bootstrap là một dự án Mã nguồn mở (MIT Licensed), đây là một dự án độc lập với sự phát triển liên tục được thực hiện nhờ sự hỗ trợ của những người ủng hộ tuyệt vời.

import { setTheme } from 'ngx-bootstrap/utils';

@Component({...})
export class AppComponent {
  constructor() {
    setTheme('bs3'); // or 'bs4'
    ...
  }
}

ngx-bootstrap chứa tất cả các thành phần Bootstrap cốt lõi (và không chỉ) do Angular cung cấp. Vì vậy, bạn không cần phải bao gồm các thành phần JS gốc, nhưng chúng tôi đang sử dụng đánh dấu và CSS do Bootstrap cung cấp.