Computer >> Computer tutorials >  >> Programming >> Javascript

Clearfix Bootstrap class


Use the .clearfix class to clear the float of any element in Bootstrap.

Example

You can try to run the following code to implement the clearfix class:

<!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>