Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Các lớp hỗ trợ (Helper Classes) trong Bootstrap


Bootstrap cung cấp các lớp tiện ích như .pull-left, .pull-right, .center-block, v.v.

Ví dụ về lớp .clearfix để xóa float:

Ví dụ

<!DOCTYPE html>
<html>
<head>
  <title>Bootstrap Example</title>
  <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <script src="/scripts/jquery.min.js"></script>
  <script src="/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
  <div class="clearfix" style="background: orange; border: 1px solid #000; padding: 10px;">
    <div class="pull-left" style="background:#58D3F7;">
      Quick Float to left
    </div>
    <div class="pull-right" style="background: #DA81F5;">
      Quick Float to right
    </div>
  </div>
</body>
</html>

Lớp .clearfix trên phần tử cha buộc các phần tử con float không bị tràn ra ngoài.