Bootstrap Responsive Columns

Responsive Columns

BOOTSTRAP SNIPPETS

HTML

<div class="container-fluid">
 <div class="row">
 
  <div class="col-md-6">
   <p class="demo-content-1">content</p>
  </div>

  <div class="col-md-6">
   <p class="demo-content-2">content</p>
  </div>
  
 </div>
</div>

01: Two equal columns

Bootstrap Responsive Columns

Basic Page Design Button alignment Button with an icon on the left side Button with an icon on the right side Button with only an icon Content pagination

Include CSS and JS Files Modal window Popover Popover with HTML content Popover with HTML content and a close button Responsive cards

Responsive columns Table Table pagination with keyboard arrows Tabs Tooltip Tooltip with HTML content