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

Xóa float của phần tử với Bootstrap


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

Ví dụ

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

<!DOCTYPE html> <html>    <head>       <title>Ví dụ Bootstrap</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>