Computer >> Máy Tính >  >> Lập trình >> Javascript

Xóa float của một phần tử bằng Bootstrap


Để xóa phần tử float, hãy sử dụng lớp .clearfix Bootstrap.

Ví dụ

Bạn có thể thử chạy đoạn mã sau để xóa số float của một phần tử

<!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: blue; color: white;">
            left
         </div>
         <div class = "pull-right" style = "background: blue; color:white;">
            right
         </div>
      </div>
   </body>
</html>