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
Published on 19-Jun-2018 13:26:17
Advertisements