<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap 101 Template</title> <!-- Bootstrap --> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <style> .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } </style> </head> <body> <div> <h1>H8</h1> </div> <div class="form-group"> <div class="col-xs-4" style="background-color: rgba(0,255,255,1);padding:0px 0px;"> <div class="form-group"> <div class="col-xs-4" style="background-color: rgba(255,255,0,1); height: 50px; padding:1px 1px;"> <button type="button" class="btn btn-primary btn-block">Apple</button> </div> <div class="col-xs-4" style="background-color: rgba(0,250,250,1); height: 50px; padding:1px 1px;"> <button type="button" class="btn btn-primary btn-block">Samsung</button> </div> <div class="col-xs-4" style="background-color: rgba(0,0,250,1); height: 50px; padding:1px 1px;"> <button type="button" class="btn btn-primary btn-block" style="height:48px">Sony</button> </div> </div> </div> <div class="col-xs-4 bg-success" style="height: 50px">.col-sm-4</div> <div class="col-xs-4 bg-primary" style="height: 50px">.col-sm-4</div> </div> <div class="form-group"> <div class="col-xs-4 bg-warning" style="height: 50px;">.col-sm-4</div> <div class="col-xs-4 bg-primary" style="height: 50px;">.col-sm-4</div> <div class="col-xs-4 bg-success" style="height: 50px;">.col-sm-4</div> </div> <div class="form-group"> <div class="col-xs-4 bg-success" style="height: 50px;">.col-sm-4</div> <div class="col-xs-4 bg-danger" style="height: 50px;">.col-sm-4</div> <div class="col-xs-4 bg-info" style="height: 50px;">.col-sm-4</div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> </body> </html>
We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy. Accept Learn more