Hướng dẫn dash-bootstrap-components deprecated - dash-bootstrap-components không được dùng nữa

Hướng dẫn di cư cho các thành phần Bootstrap V1

Các thành phần Bootstrap V1 chứa vô số tính năng mới, nhưng cũng có một số thay đổi phá vỡ. Đây là vì hai lý do:

  • Đầu tiên, bây giờ thư viện đã trưởng thành, chúng tôi đã nhân cơ hội dọn dẹp API và làm cho mọi thứ nhất quán hơn trên các thành phần.
  • Thứ hai, chúng tôi đã cập nhật tất cả các thành phần để hỗ trợ Bootstrap 5 (trước đây chúng tôi đã hỗ trợ Bootstrap 4). Vì Bootstrap 5 cũng chứa một số thay đổi phá vỡ, chúng tôi đã thừa hưởng những thay đổi trong các thành phần bootstrap. Để biết thêm thông tin về những thay đổi trong Bootstrap 5, hãy xem Hướng dẫn di chuyển Bootstrap ngược dòng và tài liệu Bootstrap 5.

Hướng dẫn này giới thiệu các tính năng mới và cũng bao gồm các thay đổi bạn phải thực hiện để chạy các ứng dụng của mình với các thành phần Bootstrap 1.0.0 thay vì 0.13.x (bản phát hành V0 cuối cùng). Nếu bạn tìm thấy bất kỳ vấn đề nào không được đề cập ở đây, hoặc lỗi trong V1, vui lòng nêu ra một vấn đề trên kho lưu trữ GitHub của chúng tôi.

Nếu bạn chưa sẵn sàng nâng cấp, bạn có thể tiếp tục sử dụng các phiên bản sớm hơn của các thành phần Bootstrap, chỉ cần chắc chắn xác định các số phiên bản. Bạn vẫn có thể thấy tài liệu cho phiên bản 0 ở đây.

Pypi

Để cài đặt bản phát hành V0 cuối cùng của các thành phần bootstrap từ sử dụng pypi

pip install "dash-bootstrap-components<1"

Anaconda

Nếu bạn đã cài đặt các thành phần bootstrap với conda, bạn có thể sử dụng

conda install -c conda-forge "dash-bootstrap-components<1"

Bạn có thể cài đặt các phiên bản trước đó của các thành phần Bootstrap từ kho lưu trữ GitHub của chúng tôi bằng cách chỉ định thẻ có liên quan

library(devtools)
install_github('facultyai/')

Bạn có thể cài đặt các phiên bản trước đó của DashBootstrapComponents bằng cách thêm số phiên bản vào lệnh Cài đặt.

pkg> add 

Phụ thuộc

Breaking Dash-BootStrap Components V1 yêu cầu Dash 2.0.0 trở lên. Hàm ý chính của điều này là chúng tôi đã bỏ hỗ trợ cho Python 2.7 và 3,5. Tất cả các ứng dụng sử dụng các thành phần bootstrap v1 nên được chạy với Python 3.6+. dash-bootstrap-components v1 requires Dash 2.0.0 or greater. The primary implication of this is that we have dropped support for Python 2.7 and 3.5. All apps using dash-bootstrap-components v1 should be run with Python 3.6+.

Xem Hướng dẫn di chuyển Dash 2.0 để biết thêm chi tiết về các thay đổi trong chính Dash.

Chủ đề mới

Kiểm tra bốn chủ đề mới: QUARTZ, MORPH, VAPORZEPHYR trong chủ đề Explorer

Biểu tượng

Bao gồm Bootstrap và Phông chữ tuyệt vời cho ứng dụng của bạn dễ dàng như thêm một chủ đề Bootstrap bằng cách sử dụng các liên kết đi kèm vào CDN cho các biểu tượng bootstrap và phông chữ tuyệt vời. Xem thêm thông tin trong phần biểu tượng của tài liệu.

Các thành phần

Có bảy thành phần mới trong các thành phần bootstrap:

conda install -c conda-forge "dash-bootstrap-components<1"
0,
conda install -c conda-forge "dash-bootstrap-components<1"
1,
conda install -c conda-forge "dash-bootstrap-components<1"
2,
conda install -c conda-forge "dash-bootstrap-components<1"
3,
conda install -c conda-forge "dash-bootstrap-components<1"
4,
conda install -c conda-forge "dash-bootstrap-components<1"
5 và
conda install -c conda-forge "dash-bootstrap-components<1"
6. Ngoài ra, nhiều thành phần có những thay đổi đối với đạo cụ của họ.

Đáng chú ý trước đây đã có sự kết hợp của các đạo cụ

conda install -c conda-forge "dash-bootstrap-components<1"
7 và
conda install -c conda-forge "dash-bootstrap-components<1"
8 để kiểm soát kích thước của một số thành phần. Tất cả các thành phần cho phép thay đổi kích thước bây giờ luôn sử dụng
conda install -c conda-forge "dash-bootstrap-components<1"
7. Để đặt thuộc tính HTML
conda install -c conda-forge "dash-bootstrap-components<1"
7 của
library(devtools)
install_github('facultyai/')
1 bên dưới trong thành phần
library(devtools)
install_github('facultyai/')
2 hoặc cơ bản
library(devtools)
install_github('facultyai/')
3 trong thành phần
library(devtools)
install_github('facultyai/')
4, hãy sử dụng
library(devtools)
install_github('facultyai/')
5 thay thế.

Accordion mớiNew

  • Đã thêm thành phần accordion mới. Kiểm tra tài liệu ở đây

Huy hiệu

  • Phá vỡ thuộc tính
    library(devtools)
    install_github('facultyai/')
    
    6 Bây giờ chỉ đặt màu nền. Sử dụng prop
    library(devtools)
    install_github('facultyai/')
    
    7 mới để thay đổi màu của văn bản. Bạn có thể cần phải đặt màu văn bản tối khi sử dụng
    library(devtools)
    install_github('facultyai/')
    
    8.
    The
    library(devtools)
    install_github('facultyai/')
    
    6 property now only sets the background color. Use the new
    library(devtools)
    install_github('facultyai/')
    
    7 prop to change the color of the text. You’ll likely need to set a dark text color when using
    library(devtools)
    install_github('facultyai/')
    
    8.
  • Đã thêm thành phần bánh mì mới. Kiểm tra tài liệu ở đây

nút

  • Phá vỡ màu mặc định cho các nút bây giờ là
    library(devtools)
    install_github('facultyai/')
    
    9 thay vì
    pkg> add 
    
    0. Sự thay đổi này đã được thực hiện để phù hợp với quy ước Bootstrap.
    The default color for the buttons is now
    library(devtools)
    install_github('facultyai/')
    
    9 rather than
    pkg> add 
    
    0. This change was made to match the Bootstrap convention.
  • Phá vỡ tài sản
    pkg> add 
    
    1 đã bị loại bỏ. Thay vào đó, hãy quấn các nút trong
    pkg> add 
    
    2 và sử dụng các lớp Tiện ích Bootstrap như
    pkg> add 
    
    3 và
    pkg> add 
    
    4 trong
    pkg> add 
    
    5 để không gian các nút khi cần thiết. Xem các tài liệu cho các ví dụ.
    The
    pkg> add 
    
    1 property has been dropped. Instead, wrap the buttons in a
    pkg> add 
    
    2 and use the Bootstrap utilities classes such as
    pkg> add 
    
    3 and a
    pkg> add 
    
    4 in the
    pkg> add 
    
    5 to space the buttons as needed. See the docs for examples.
  • Các nút bị vô hiệu hóa hiện có
    pkg> add 
    
    6 dưới dạng mặc định.

Buttongroup

  • Phá vỡ màu mặc định cho các nút bây giờ là
    library(devtools)
    install_github('facultyai/')
    
    9 thay vì
    pkg> add 
    
    0. Sự thay đổi này đã được thực hiện để phù hợp với quy ước Bootstrap.
    The default color for the buttons is now
    library(devtools)
    install_github('facultyai/')
    
    9 rather than
    pkg> add 
    
    0. This change was made to match the Bootstrap convention.

Phá vỡ tài sản pkg> add 1 đã bị loại bỏ. Thay vào đó, hãy quấn các nút trong pkg> add 2 và sử dụng các lớp Tiện ích Bootstrap như pkg> add 3 và pkg> add 4 trong pkg> add 5 để không gian các nút khi cần thiết. Xem các tài liệu cho các ví dụ.

  • Các nút bị vô hiệu hóa hiện có
    pkg> add 
    
    6 dưới dạng mặc định.
    Dropped
    pkg> add 
    
    9 component. Use the Bootstrap grid classes to arrange the cards like a card deck. See the Bootstrap grid docs for more information.
  • Buttongroup Dropped conda0 component. conda0 had many issues in Bootstrap 4 and was dropped in Bootstrap 5.

Thẻ

  • Phá vỡ thành phần
    pkg> add 
    
    9. Sử dụng các lớp lưới Bootstrap để sắp xếp các thẻ như sàn thẻ. Xem tài liệu lưới bootstrap để biết thêm thông tin.
  • Phá vỡ thành phần conda0. conda0 có nhiều vấn đề trong Bootstrap 4 và đã bị loại bỏ trong Bootstrap 5.

Băng chuyền

  • Đã thêm thuộc tính conda2 cho văn bản tối, điều khiển và các chỉ số. Điều này là tuyệt vời cho nền nhẹ hơn. Renamed conda3 property to conda4.

Đã thay thế các biểu tượng của Chevron cho các điều khiển băng chuyền bằng các SVG mới từ các biểu tượng bootstrap.

  • Hộp kiểm Dropped conda5 property. As of Bootstrap 5 all radio buttons and checkboxes receive custom styling.

Phá vỡ được đổi tên thành tài sản conda3 thành conda4.

  • Danh mục When specifying the conda6 of the columns, it accepts the integers 1, ..., 5, only rather than integers 1, ..., 12.
  • Đã thêm conda7 prop tương ứng với điểm dừng conda7 mới trong Bootstrap 5. Cho phép bạn điều khiển bố cục trên các màn hình lớn.

Sụp đổ

  • Phá vỡ làm rơi tài sản conda9. Dropped the conda9 property.
  • Đã loại bỏ ví dụ accordion vì bây giờ chúng ta có một thành phần accordion mới.

Trình đơn thả xuống

  • Phá vỡ màu mặc định cho các nút bây giờ là
    library(devtools)
    install_github('facultyai/')
    
    9 thay vì
    pkg> add 
    
    0. Sự thay đổi này đã được thực hiện để phù hợp với quy ước Bootstrap.
    The default color for the buttons is now
    library(devtools)
    install_github('facultyai/')
    
    9 rather than
    pkg> add 
    
    0. This change was made to match the Bootstrap convention.
  • Phá vỡ đã thay đổi các tùy chọn prop DashBootstrapComponents2 từ phải và trái để bắt đầu và kết thúc để phù hợp với quy ước Bootstrap 5. Changed the DashBootstrapComponents2 prop options from right and left to start and end to match the Bootstrap 5 convention.
  • Phá vỡ đã thay đổi tên của DashBootstrapComponents3 prop thành DashBootstrapComponents4. Changed the name of the DashBootstrapComponents3 prop to DashBootstrapComponents4.
  • Phá vỡ đã thay đổi tên của thuộc tính
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    8 thành
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    7.
    Changed the name of the
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    8 property to
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    7.
  • Đã thêm DashBootstrapComponents7 prop để làm cho menu thả xuống thành bảng màu tối.

Phai màu

  • Phá vỡ tài sản DashBootstrapComponents8. Dropped DashBootstrapComponents8 property.
  • Phá vỡ tài sản DashBootstrapComponents9. Dropped DashBootstrapComponents9 property.

Hình thức

  • Phá vỡ tài sản QUARTZ0. Sử dụng các tiện ích lưới thay thế. Xem tài liệu cho các ví dụ. Dropped QUARTZ0 property. Use the grid utilities instead. See the documentation for examples.

Formgroup

  • Phá vỡ giảm QUARTZ1. Không còn cần thiết phải sử dụng QUARTZ1 để sắp xếp các thành phần theo dạng. Sử dụng QUARTZ3 QUARTZ4 và các lớp sửa đổi máng xối và các tiện ích khoảng cách thay thế. Xem tài liệu cho các ví dụ Dropped QUARTZ1. It is no longer necessary to use QUARTZ1 to align components in a form. Use QUARTZ3 QUARTZ4 and gutter modifier classes and spacing utilities instead. See the documentation for examples

Formfloating mớiNew

  • Đã thêm thành phần
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    2 để tạo nhãn nổi trên trường biểu mẫu. Xem tài liệu ở đây

Đầu vào

  • Phá vỡ tài sản
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    8. Sử dụng
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    7 thay thế. Sử dụng
    library(devtools)
    install_github('facultyai/')
    
    5 để đặt thuộc tính kích thước HTML trên đầu vào bên dưới.
    Dropped
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    8 property. Use
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    7 instead. Use
    library(devtools)
    install_github('facultyai/')
    
    5 to set the HTML size property on the underlying input.

Inputgroup

  • Phá vỡ thành phần QUARTZ9. Không cần thiết phải sử dụng QUARTZ9 vì những thứ như MORPH1 và MORPH2 có thể được thêm vào MORPH3 dưới dạng trẻ em trực tiếp. Xem các tài liệu để biết thêm ví dụ. Dropped QUARTZ9 component. It's not necessary to use QUARTZ9 because things like MORPH1 and MORPH2 can be added to MORPH3 as direct children. See the docs for more examples.

Jumbotron

  • Phá vỡ làm rơi thành phần Jumbotron. Các tài liệu có một ví dụ về cách sao chép nó với các tiện ích bootstrap. Dropped the Jumbotron component. The docs have an example of how to replicate it with Bootstrap utilities.

Listgroup

  • Phá vỡ làm giảm các thành phần MORPH4 và MORPH5. Cả hai đều không cần thiết vì bạn có thể chuyển bất kỳ thành phần dấu gạch ngang nào cho trẻ em MORPH6. Xem các tài liệu để biết các ví dụ cập nhật. Dropped the MORPH4 and MORPH5 components. Both are unnecessary since you can pass any Dash components to the children of MORPH6. See the docs for updated examples.

Phương thức

  • Breaking Wrap bất kỳ văn bản tiêu đề nào với thành phần
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    3 mới để đảm bảo kích thước và kiểu phông chữ được đặt một cách thích hợp. Thay đổi này là cho phép linh hoạt hơn ở những đứa trẻ được phép của MORPH8.
    Wrap any title text with the new
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    3 component to make sure the font size and style is set appropriately. This change is to allow more flexibility in the allowed children of the MORPH8.
  • Đã thêm tài sản MORPH9
  • Đã thêm thuộc tính VAPOR0 để đóng phương thức khi nhấn phím Escape.

Nav

  • Phá vỡ giảm VAPOR1 tài sản trong VAPOR2. Thay vào đó, bạn chỉ cần đặt VAPOR1 trên đứa trẻ VAPOR4. Dropped VAPOR1 property in VAPOR2. You should only need to set VAPOR1 on the child VAPOR4 instead.
  • Đã thêm tài sản VAPOR5. Điều này cho phép cuộn dọc trong các nội dung có thể chuyển đổi của NAV khi được sử dụng bên trong VAPOR6 bị ​​sụp đổ.

Thanh điều khiển

  • Breaking Bootstrap NAVBARS Bây giờ phải được xây dựng với một container. Nếu bạn đang sử dụng VAPOR7, bạn không cần thực hiện bất kỳ thay đổi nào! Nếu bạn đang sử dụng VAPOR6 với bố cục tùy chỉnh, bạn có thể sẽ cần thay đổi. Xem các tài liệu để biết các ví dụ cập nhật. Bootstrap navbars now must be constructed with a container. If you're using VAPOR7 you don't need to make any changes! If you are using VAPOR6 with a custom layout you probably will need to make changes. See the docs for updated examples.

Offcanvas mớiNew

  • Đã thêm thành phần OffCanvas mới. Xem các tài liệu để biết thêm thông tin.

Phân trang mớiNew

  • Đã thêm một thành phần phân trang mới. Xem các tài liệu để biết thêm thông tin.

Tiến triển

  • Phá vỡ tài sản VAPOR9. Sử dụng
    pkg> add 
    
    5
    Dropped VAPOR9 property. Use
    pkg> add 
    
    5
  • Phá vỡ tài sản ZEPHYR1. Sử dụng ZEPHYR2 Dropped ZEPHYR1 property. Use ZEPHYR2
  • Phá vỡ tài sản conda9. Dropped conda9 property.
  • Phá vỡ thêm một thuộc tính ZEPHYR4 nên được sử dụng thay vì ZEPHYR5 để hiển thị văn bản trên thanh tiến trình. Phải được sử dụng trong các cuộc gọi lại Added a ZEPHYR4 property that should be used instead of ZEPHYR5 to render text on the progress bar. Must be used in callbacks
  • Đã thêm một thuộc tính ZEPHYR6 để ẩn nhãn.

Nút radio

  • Phá vỡ được đổi tên thành tài sản conda3 thành conda4. Renamed conda3 property to conda4.

Radioitems

  • Phá vỡ tài sản conda5. Kể từ Bootstrap 5, tất cả các nút radio và hộp kiểm nhận kiểu dáng tùy chỉnh. Dropped conda5 property. As of Bootstrap 5 all radio buttons and checkboxes receive custom styling.

Hàng ngang

  • Phá vỡ giảm
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    00 prop. Thay vào đó, sử dụng các lớp sửa đổi máng xối. Xem các tài liệu cho các ví dụ.
    Dropped
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    00 prop. Use gutter modifier classes instead. See the docs for examples.

Lựa chọn

  • Phá vỡ tài sản
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    8. Sử dụng
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    7 thay thế.
    Dropped
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    8 property. Use
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    7 instead.

Spinner

  • conda install -c conda-forge "dash-bootstrap-components<1"
    
    03 có một prop
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    04 mới có thể được sử dụng để kiểm soát thời gian một thành phần nên tải trong bao lâu trước khi spinner hiển thị.
  • Phá vỡ
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    05 Prop đã được đổi tên thành
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    06 thành gương
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    04. Prop này làm tăng thêm độ trễ cho spinner bị ẩn một khi thành phần con đã tải xong.
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    05 prop has been renamed to
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    06 to mirror
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    04. This prop adds a delay to the spinner being hidden once the child component has finished loading.

Chuyển đổi mớiNew

  • Thành phần
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    6 mới. Xem tài liệu ở đây

Bàn

  • Phá vỡ tài sản conda9. Dropped conda9 property.
  • Phá vỡ thêm một thuộc tính ZEPHYR4 nên được sử dụng thay vì ZEPHYR5 để hiển thị văn bản trên thanh tiến trình. Phải được sử dụng trong các cuộc gọi lại

Đã thêm một thuộc tính ZEPHYR6 để ẩn nhãn.

  • Nút radio Dropped
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    11 property. It's no longer necessary to set
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    12 to put tabs in a
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    13.

Phá vỡ được đổi tên thành tài sản conda3 thành conda4.

  • Phá vỡ tài sản
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    8. Sử dụng
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    7 thay thế.
    Dropped
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    8 property. Use
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    7 instead.

Spinner

  • conda install -c conda-forge "dash-bootstrap-components<1"
    
    03 có một prop
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    04 mới có thể được sử dụng để kiểm soát thời gian một thành phần nên tải trong bao lâu trước khi spinner hiển thị.
    Dropped
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    16 property.
  • Phá vỡ
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    05 Prop đã được đổi tên thành
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    06 thành gương
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    04. Prop này làm tăng thêm độ trễ cho spinner bị ẩn một khi thành phần con đã tải xong.

Chuyển đổi mới

  • Thành phần
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    6 mới. Xem tài liệu ở đây
    Dropped the following properties:
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    18,
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    19,
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    20,
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    21,
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    22,
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    23,
    conda install -c conda-forge "dash-bootstrap-components<1"
    
    24