Sử Dụng Jumbotron Tạo Box Trình Diễn Lớn Trong Bootstrap

Trang chủ

• Bài viết Bootstrap 4.1 §1) Tổng quan về Bootstrap §2) Layout / Grid lưới cột và hàng §3) Các tiện ích trình bày cơ bản §4) Đối tượng Media §5) Breadcrumb §6) Pagination §7) Badge - Label -Tag §8) Button - Nút bấm §9) Jumbotron §10) Tabs §11) NavBar §12) Card §13) Collapse §14) DropDown Menu §15) Alert §16) Slide §17) List Group §18) Popover §19) Progress §20) Tooltip §21) Hộp thoại - Modal §22) Form
• §9) Jumbotron

• CSS
• Bootstrap - CSS Framework

Sử dụng Jumbotron tạo box trình diễn lớn trong Bootstrap

.jumbotron để tạo ra một hộp, trong đó trình bày các nội dung vắn tắt nhưng quan trong, để lưu ý người dùng về nội dung nào đó

Để tạo ra một Jumbotron là một bảng lớn trình bày một nội dung chính yếu quan trọng nào đó sử dụng đến .jumbotron, nếu muốn bảng trình diễn này mở rộng độ rộng tối đa và không bo tròn các góc thêm vào .jumbotron-fluid và nội dung bên trong trình bày với một .container

Đây là một Jumbotron

Nghĩa từ Jumbotron: nó còn gọi là Jumbovision, là một màn hình lớn, đầu tiên phát triển bởi Sony và được sử dụng hiện thị thông tin ở các nhà thi đấu thể thao và những điểm hòa nhạc để hiện thị các thông tin quan trọng một sự kiện nào đó

Để Jumbotron trong Bootstrap ấn tượng có thể sử dụng các lớp trình bày kích thước lớn như .display-2 .btn-lg ...

Xem thêm <div class="jumbotron"> <h1 class="display-4">Đây là một Jumbotron</h1> <p class="lead">Nghĩa từ <code>Jumbotron</code>: nó còn gọi là <code>Jumbovision</code>, là một màn hình lớn, đầu tiên phát triển bởi Sony và được sử dụng hiện thị thông tin ở các nhà thi đấu thể thao và những điểm hòa nhạc để hiện thị các thông tin quan trọng một sự kiện nào đó</p> <hr class="my-4"> <p>Để <code>Jumbotron</code> trong <code>Bootstrap</code> ấn tượng có thể sử dụng các lớp trình bày kích thước lớn như <code>.display-2</code> <code>.btn-lg</code> <code>...</code></p> <a class="btn btn-danger btn-lg" href="#" role="button">Xem thêm</a> </div> Jumbotron - jumbotron-fluid

Nghĩa từ Jumbotron: nó còn gọi là Jumbovision, là một màn hình lớn, đầu tiên phát triển bởi Sony và được sử dụng hiện thị thông tin ở các nhà thi đấu thể thao và những điểm hòa nhạc để hiện thị các thông tin quan trọng một sự kiện nào đó

Để Jumbotron trong Bootstrap ấn tượng có thể sử dụng các lớp trình bày kích thước lớn như .display-2 .btn-lg ...

Xem thêm <div class="jumbotron jumbotron-fluid"> <div class="container"> <h1 class="display-4">Jumbotron - jumbotron-fluid</h1> <p class="lead">Nghĩa từ <code>Jumbotron</code>: nó còn gọi là <code>Jumbovision</code>, là một màn hình lớn, đầu tiên phát triển bởi Sony và được sử dụng hiện thị thông tin ở các nhà thi đấu thể thao và những điểm hòa nhạc để hiện thị các thông tin quan trọng một sự kiện nào đó</p> <hr class="my-4"> <p>Để <code>Jumbotron</code> trong <code>Bootstrap</code> ấn tượng có thể sử dụng các lớp trình bày kích thước lớn như <code>.display-2</code> <code>.btn-lg</code> <code>.. .</code></p> <a class="btn btn-primary btn-lg" href="#" role="button">Xem thêm</a> </div> </div> ĐĂNG KÝ KÊNH, XEM CÁC VIDEO TRÊN XUANTHULAB Đăng ký nhận bài viết mới Dùng grunt tạo dự án biên dịch SASS thành CSS tùy biến thư viện CSS Bootstrap Ứng dụng lớp .media của Bootstrap Các tiện ích CSS cơ bản của Bootstrap Xây dựng Layout cơ bản với Bootstrap Tạo thanh Navbar trong Bootstrap Tạo các nút bấm, nhóm nút bấm button trong Boostrap Sử dụng badge tạo ra các nhãn lable trong Bootstrap Thanh điều hướng phân trang Pagination trong Bootstrap Tạo breadcrumb với Bootstrap Sử dụng Card tạo box chứa nội dung trong Bootstrap