Thứ Tư, 27 tháng 11, 2019

Hướng dẫn Bootstrap 3

  Hoa Tran       Thứ Tư, 27 tháng 11, 2019
Hướng dẫn Bootstrap 3



Bootstrap là khung HTML, CSS và JavaScript phổ biến nhất để phát triển các trang web đáp ứng, di động đầu tiên.

Bootstrap hoàn toàn miễn phí để tải về và sử dụng!

Ví dụ về Bootstrap
<div class="jumbotron text-center">
  <h1>My First Bootstrap Page</h1>
  <p>Resize this responsive page to see the effect!</p>
</div>

<div class="container">
  <div class="row">
    <div class="col-sm-4">
      <h3>Column 1</h3>
      <p>Lorem ipsum dolor..</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 2</h3>
      <p>Lorem ipsum dolor..</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 3</h3>
      <p>Lorem ipsum dolor..</p>
    </div>
  </div>
</div>

Bài tập Bootstrap

Tự kiểm tra bằng các bài tập
Tập thể dục:
Thêm tên lớp chính xác để chuyển đổi danh sách dưới đây thành menu phân trang.

<ul lớp = "
">
  <li> <a href="#"> 1 </a> </ li>
  <li> <a href="#"> 2 </a> </ li>
  <li> <a href="#"> 3 </a> </ li>
  <li> <a href="#"> 4 </a> </ li>
  <li> <a href="#"> 5 </a> </ li>
</ ul>

Tài liệu tham khảo Bootstrap
Tại W3Schools, bạn sẽ tìm thấy một tài liệu tham khảo Bootstrap hoàn chỉnh của tất cả các lớp CSS, Thành phần và plugin JavaScript - tất cả đều có ví dụ "Tự mình thử":


logoblog

Thanks for reading Hướng dẫn Bootstrap 3

Previous
« Prev Post

Không có nhận xét nào:

Đăng nhận xét