Trong Bootstrap 3 bên cạnh việc sử dụng lớp Jumbotron để làm nổi bật dữ liệu chúng ta còn có 1 cách khác nữa đó là sử dụng lớp Wells. Bài viết dưới đây chúng ta sẽ tìm hiểu về lớp Wells trong Bootstrap 3 này bạn nhé!
Lớp Wells
Class .well thêm một đường viền tròn xung quanh một phần tử có màu nền xám với một số khoảng trống giữa nội dung và viền.
Ví dụ
<div class="container"> <h2>Hoc TV</h2> <div class="well">Xin chào các bạn</div> </div>
Kết quả như sau:
Kích thước Well
Thay đổi kích thước của giếng bằng cách thêm lớp .well-sm cho well nhỏ hoặc lớp .well-lg cho we lớn:
Ví dụ:
<div class="container"> <h2>Well Size</h2> <div class="well well-sm">Well nhỏ</div> <div class="well">Well bình thường</div> <div class="well well-lg">Well lớn</div> </div>
Kết quả:
Theo mặc định, Well có kích thước trung bình.
Lời kết
Trên đây là cách dùng Wells trong Bootstrap 3 và các kích thước của Well, thực tết Well ít được sử dụng nhưng biết còn hơn ko các bạn nhé. Chúc các bạn thành công!
