Home Whiteboard Graphing Calculator Online Compilers Articles Tools
Tutorials Courses Jobs

Clearfix Bootstrap class

HTML Bootstrap jQuery Javascript

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>
Updated on: 2026-03-11T22:50:42+05:30

394 Views

Learn More in Our Tutorials

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements