Adding spacing between buttons in bootstrap on mobile version - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Button

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Button

Description

Adding spacing between buttons in bootstrap on mobile version

Demo Code

ResultView the demo in separate window 

<html lang="en">
 <head> 
  <title>Document</title> 
  <style>
.btn {<!--from   w ww. j  a v a  2  s  .c  o  m-->
   background-color:Chartreuse;
}

@media screen and (max-width: 767px)  {
   .btn {
      width:100%;
      margin-bottom:6px;
   }

}
</style> 
 </head> 
 <body> 
  <div class="container-fluid"> 
   <div class="row"> 
    <div class="col-sm-6 col-xs-12 text-left"> 
     <div class="btn">
       Left Button 
     </div> 
    </div> 
    <div class="col-sm-6 col-xs-12 text-right"> 
     <div class="btn">
       Right Button 
     </div> 
    </div> 
   </div> 
  </div>  
 </body>
</html>

Related Tutorials