Clearfix Bootstrap class

HTMLBootstrapjQueryJavascript

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:

Live Demo

<!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>
raja
Updated on 12-Jun-2020 14:58:47

Advertisements