Npm bootstrap github

Bây giờ nhóm angular-ui đã xuất bản ui. bootstrap thành npm, dự án này sẽ không còn được cập nhật và hiện được coi là không dùng nữa

olsonpm đã quyết định rẽ nhánh và duy trì dự án này tại olsonpm/angular-bootstrap-npm

cập nhật - 10/10/2015

Repo này đã được chuyển đến jusopi/angular-bootstrap-npm


góc-bootstrap-npm

Đây là trình bao bọc gói NPM đơn giản cho http. // góc-ui. github. io/bootstrap

cách sử dụng

ví dụ

require( 'angular-bootstrap-npm' );

angular.module( 'app', [ 'ui.bootstrap' ]);

//you can also use the module as the module name, e.g.

angular.module( 'app', [ require( 'angular-bootstrap-npm' )])

sử dụng các tệp mẫu HTML

Tệp dự án mặc định sử dụng ui. bản dựng của bootstrap bao gồm các mẫu chỉ thị thông qua $templateCache. Nếu vì lý do nào đó bạn muốn truy cập trực tiếp vào các tệp HTML mẫu, bạn có thể làm như sau

ví dụ

//this file doesn't make use of angular's $templateCache
require( 'angular-bootstrap-npm/dist/angular-bootstrap.js')

Tòa nhà

Để chạy quá trình xây dựng, bạn cần cài đặt npm, gulp trên toàn cầu. Sau đó cài đặt các phụ thuộc dự án

cài đặt phụ thuộc npm

npm install

Mặc dù mục đích là để duy trì tính đồng bộ với các thẻ/phiên bản khác nhau được tìm thấy tại https. //github. com/angular-ui/bootstrap, bạn có thể muốn xây dựng/sửa đổi phiên bản của riêng mình. Để xây dựng dựa trên một phiên bản khác, bạn có thể chạy bản dựng gulp với đối số phiên bản

gulp --ver=0.14.0

Một điều cần lưu ý là dòng lệnh của bạn có thể hoạt động không phản hồi khi quá trình xây dựng giao diện người dùng. bootstrap khá rộng rãi. Ngoài ra, nó có thể mở một cửa sổ trình duyệt trong quá trình thử nghiệm

Một thẻ đã tồn tại với tên chi nhánh được cung cấp. Nhiều lệnh Git chấp nhận cả tên thẻ và tên nhánh, vì vậy việc tạo nhánh này có thể gây ra hành vi không mong muốn. Bạn có chắc chắn muốn tạo nhánh này không?

Nhánh mặc định của chúng tôi là để phát triển bản phát hành Bootstrap 5 của chúng tôi. Đi đến nhánh v4-dev để xem readme, tài liệu và mã nguồn cho Bootstrap 4

Mục lục

Bắt đầu nhanh

Một số tùy chọn bắt đầu nhanh có sẵn

  • Tải xuống bản phát hành mới nhất
  • Sao chép repo. git clone https://github.com/twbs/bootstrap.git
  • Cài đặt với npm. ________số 8
  • cài đặt với sợi. yarn add [email protected]
  • Cài đặt với Composer.
    //this file doesn't make use of angular's $templateCache
    require( 'angular-bootstrap-npm/dist/angular-bootstrap.js')
    0
  • Cài đặt với NuGet. CSS.
    //this file doesn't make use of angular's $templateCache
    require( 'angular-bootstrap-npm/dist/angular-bootstrap.js')
    1 Sass.
    //this file doesn't make use of angular's $templateCache
    require( 'angular-bootstrap-npm/dist/angular-bootstrap.js')
    2

Đọc trang Bắt đầu để biết thông tin về nội dung khung, mẫu, ví dụ, v.v.

Trạng thái

Bao gồm những gì

Trong quá trình tải xuống, bạn sẽ tìm thấy các thư mục và tệp sau đây, nhóm các nội dung chung một cách hợp lý và cung cấp cả các biến thể được biên dịch và rút gọn

Tải xuống nội dung

bootstrap/
├── css/
│   ├── bootstrap-grid.css
│   ├── bootstrap-grid.css.map
│   ├── bootstrap-grid.min.css
│   ├── bootstrap-grid.min.css.map
│   ├── bootstrap-grid.rtl.css
│   ├── bootstrap-grid.rtl.css.map
│   ├── bootstrap-grid.rtl.min.css
│   ├── bootstrap-grid.rtl.min.css.map
│   ├── bootstrap-reboot.css
│   ├── bootstrap-reboot.css.map
│   ├── bootstrap-reboot.min.css
│   ├── bootstrap-reboot.min.css.map
│   ├── bootstrap-reboot.rtl.css
│   ├── bootstrap-reboot.rtl.css.map
│   ├── bootstrap-reboot.rtl.min.css
│   ├── bootstrap-reboot.rtl.min.css.map
│   ├── bootstrap-utilities.css
│   ├── bootstrap-utilities.css.map
│   ├── bootstrap-utilities.min.css
│   ├── bootstrap-utilities.min.css.map
│   ├── bootstrap-utilities.rtl.css
│   ├── bootstrap-utilities.rtl.css.map
│   ├── bootstrap-utilities.rtl.min.css
│   ├── bootstrap-utilities.rtl.min.css.map
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap.rtl.css
│   ├── bootstrap.rtl.css.map
│   ├── bootstrap.rtl.min.css
│   └── bootstrap.rtl.min.css.map
└── js/
    ├── bootstrap.bundle.js
    ├── bootstrap.bundle.js.map
    ├── bootstrap.bundle.min.js
    ├── bootstrap.bundle.min.js.map
    ├── bootstrap.esm.js
    ├── bootstrap.esm.js.map
    ├── bootstrap.esm.min.js
    ├── bootstrap.esm.min.js.map
    ├── bootstrap.js
    ├── bootstrap.js.map
    ├── bootstrap.min.js
    └── bootstrap.min.js.map

Chúng tôi cung cấp CSS và JS đã biên dịch (

//this file doesn't make use of angular's $templateCache
require( 'angular-bootstrap-npm/dist/angular-bootstrap.js')
3), cũng như CSS và JS đã biên dịch và rút gọn (
//this file doesn't make use of angular's $templateCache
require( 'angular-bootstrap-npm/dist/angular-bootstrap.js')
4). Bản đồ nguồn (v4-dev0) có sẵn để sử dụng với các công cụ dành cho nhà phát triển của một số trình duyệt. Gói tệp JS (________ 61 và rút gọn ________ 62) bao gồm Popper

Lỗi và yêu cầu tính năng

Có một lỗi hoặc một yêu cầu tính năng? . Nếu vấn đề hoặc ý tưởng của bạn chưa được giải quyết, vui lòng mở một vấn đề mới

Tài liệu

Tài liệu của Bootstrap, được bao gồm trong repo này trong thư mục gốc, được xây dựng bằng Hugo và được lưu trữ công khai trên Trang GitHub tại https. //getbootstrap. com/. Các tài liệu cũng có thể được chạy cục bộ

Tìm kiếm tài liệu được cung cấp bởi Algolia's DocSearch. Làm việc trên tìm kiếm của chúng tôi?

Chạy tài liệu cục bộ

  1. Chạy v4-dev5 để cài đặt Node. js, bao gồm cả Hugo (trình tạo trang web)
  2. Chạy v4-dev6 (hoặc tập lệnh npm cụ thể) để xây dựng lại các tệp CSS và JavaScript đã phân phối, cũng như nội dung tài liệu của chúng tôi
  3. Từ thư mục gốc v4-dev7, chạy v4-dev8 trong dòng lệnh
  4. Mở v4-dev9 trong trình duyệt của bạn và voilà

Tìm hiểu thêm về cách sử dụng Hugo bằng cách đọc tài liệu của nó

Tài liệu cho các phiên bản trước

Bạn có thể tìm thấy tất cả các tài liệu phát hành trước đây của chúng tôi trên https. //getbootstrap. com/docs/phiên bản/

Các bản phát hành trước và tài liệu của chúng cũng có sẵn để tải xuống

Đóng góp

Vui lòng đọc qua hướng dẫn đóng góp của chúng tôi. Bao gồm các hướng dẫn để mở các vấn đề, tiêu chuẩn mã hóa và ghi chú về phát triển

Ngoài ra, nếu yêu cầu kéo của bạn chứa các bản vá hoặc tính năng JavaScript, bạn phải bao gồm các bài kiểm tra đơn vị có liên quan. Tất cả HTML và CSS phải tuân theo Hướng dẫn về mã do Mark Otto duy trì

Tùy chọn trình chỉnh sửa có sẵn trong cấu hình trình chỉnh sửa để dễ dàng sử dụng trong các trình soạn thảo văn bản phổ biến. Đọc thêm và tải xuống plugin tại https. // biên tập viên. tổ chức/

Cộng đồng

Nhận thông tin cập nhật về quá trình phát triển của Bootstrap và trò chuyện với những người bảo trì dự án và thành viên cộng đồng

  • Theo dõi @getbootstrap trên Twitter
  • Đọc và đăng ký Blog Bootstrap chính thức
  • Hỏi và khám phá Thảo luận GitHub của chúng tôi
  • Trò chuyện với các Bootstrapper đồng nghiệp trong IRC. Trên máy chủ git clone https://github.com/twbs/bootstrap.git0, trong kênh git clone https://github.com/twbs/bootstrap.git1
  • Trợ giúp triển khai có thể được tìm thấy tại Stack Overflow (được gắn thẻ git clone https://github.com/twbs/bootstrap.git2)
  • Các nhà phát triển nên sử dụng từ khóa git clone https://github.com/twbs/bootstrap.git3 trên các gói sửa đổi hoặc thêm vào chức năng của Bootstrap khi phân phối thông qua npm hoặc các cơ chế phân phối tương tự để có khả năng khám phá tối đa

lập phiên bản

Để minh bạch chu kỳ phát hành của chúng tôi và cố gắng duy trì khả năng tương thích ngược, Bootstrap được duy trì theo nguyên tắc Phiên bản ngữ nghĩa. Đôi khi chúng tôi làm hỏng việc, nhưng chúng tôi tuân thủ các quy tắc đó bất cứ khi nào có thể

Xem phần Bản phát hành của dự án GitHub của chúng tôi để biết các thay đổi cho từng phiên bản phát hành của Bootstrap. Các bài đăng thông báo phát hành trên blog Bootstrap chính thức chứa các bản tóm tắt về những thay đổi đáng chú ý nhất được thực hiện trong mỗi bản phát hành

người sáng tạo

Đánh dấu Otto

  • https. //twitter. com/mdo
  • https. //github. com/mdo

Jacob Thornton

  • https. //twitter. com/béo
  • https. //github. com/béo

Cảm ơn

Cảm ơn BrowserStack đã cung cấp cơ sở hạ tầng cho phép chúng tôi thử nghiệm trên các trình duyệt thực

Cảm ơn Netlify đã cung cấp cho chúng tôi Bản xem trước triển khai

nhà tài trợ

Hỗ trợ dự án này bằng cách trở thành nhà tài trợ. Logo của bạn sẽ hiển thị ở đây với một liên kết đến trang web của bạn. []

ủng hộ

Cảm ơn tất cả những người ủng hộ chúng tôi. 🙏[]

Bản quyền và giấy phép

Mã và tài liệu bản quyền 2011–2022 Bootstrap Authors. Mã được phát hành theo Giấy phép MIT. Tài liệu được phát hành theo Creative Commons

Làm cách nào để cài đặt Bootstrap trong GitHub?

Bắt đầu nhanh .
Tải xuống bản phát hành mới nhất
Cài đặt với npm. npm cài đặt bootstrap@v5. 2. 3
cài đặt với sợi. sợi thêm bootstrap@v5. 2. 3
Cài đặt với Composer. nhà soạn nhạc yêu cầu twbs/bootstrap. 5. 2. 3
Cài đặt với NuGet. CSS. Gói cài đặt bootstrap Sass. Bootstrap gói cài đặt. ngổ ngáo

Bootstrap có hoạt động trên github không?

Chủ đề Bootstrap 4 đầy đủ có thể sử dụng cả trên Trang Github và với Jekyll độc lập . Biên dịch lại Bootstrap từ các tệp SCSS, cho phép tùy chỉnh các biến của Bootstrap và sử dụng các chủ đề Bootstrap. Hỗ trợ đầy đủ các plugin JavaScript của Bootstrap. Hỗ trợ tất cả các tính năng của Trang Github và Jekyll.

npm Bootstrap là gì?

Bootstrap sử dụng tập lệnh NPM cho hệ thống xây dựng của nó . gói của chúng tôi. json bao gồm các phương thức thuận tiện để làm việc với khung, bao gồm biên dịch mã, chạy thử nghiệm, v.v. Để sử dụng hệ thống xây dựng của chúng tôi và chạy tài liệu của chúng tôi cục bộ, bạn sẽ cần một bản sao các tệp nguồn của Bootstrap và Nút.

Chúng tôi có thể sử dụng Bootstrap trong nút JS không?

Trong bài viết này, chúng ta đã học cách tích hợp Bootstrap vào dự án Nodejs của mình theo hai cách khác nhau. Cách đầu tiên là sử dụng CDN chính thức và cách cuối cùng là sử dụng npm . Giải pháp cuối cùng này phù hợp nếu bạn đang làm việc cục bộ (và ngoại tuyến).