Hướng dẫn version ng bootstrap - phiên bản bootstrap
Nội dung bài viết Giới thiệu nội dung bài viếtChào các bạn, hôm nay anh sẽ hướng dẫn mọi người cách sử dụng Bootstrap vào dự án Angular là như thế nào?sử dụng Bootstrap vào dự án Angular là như thế nào? Show
1 Giới thiệu về BootstrapBootstrap là một framework opensource gồm có html,css và javascript. Chúng ta sử dụng bootstrap để làm trang web trở nên đẹp hơn. Chúng ta kết hợp với angular để tiết kiệm thời gian. Đồng thời Bootstrap đã hỗ trợ sẵn các chức năng hiển thị được trên mobile và các thành phần của web. Nên chúng ta chỉ sử dụng mà thôi.html,css và javascript. Chúng ta sử dụng bootstrap để làm trang web trở nên đẹp hơn. Chúng ta kết hợp với angular để tiết kiệm thời gian. Đồng thời Bootstrap đã hỗ trợ sẵn các chức năng hiển thị được trên mobile và các thành phần của web. Nên chúng ta chỉ sử dụng mà thôi. Ngoài Bootstrap thì còn có rất nhiều framework khác hỗ trợ chúng ta trong việc làm giao diện như Polymer, material , ant design. Tuỳ theo dự án mà ta có thể chọn framework tương ứng. Nhưng theo anh thấy 70% dự án web của anh đều dùng Bootstrap.Polymer, material , ant design. Tuỳ theo dự án mà ta có thể chọn framework tương ứng. Nhưng theo anh thấy 70% dự án web của anh đều dùng Bootstrap. 2 Cài đặt bootstrap cho dự ánCó 2 cách để mình có thể nhúng Bootstrap vào dự án Angular.
Sự khác nhau giữa CDN và npm là nếu chúng ta dùng CDN thì chúng ta sẽ nhúng đường link bootstrap vào dự án. Khi trang web load lên thì nó sẽ lên mạng và nhúng file bootstrap từ CDN vào trang web. Còn nếu dùng npm thì chúng ta sẽ download source code của bootstrap vào trong dự án của mình và chúng ta chỉ link tới file bootstrap trong dự án mình thôi. 3 Tạo ứng dụng Angular và sử dụng Bootstrap từ CDN
npm install -g @angular/cli
ng new angular-bootstrap-demo
Chúng ta nhúng đường link bootstrap cdn và jquery vào phần header. Như vậy ta có thể sử dụng được bootstrap. Đường link đó chúng ta lấy tại đây
|