<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div> <div class="panel-group"> <div class="panel panel-primary"> <div class="panel-heading"> Cadastro</div> <div class="panel-body"> <div class="row "> <div class="col-sm-2"> </div> <!-- Formulario: Cadastro !--> <div class="col-sm-8 panel panel-default panel-body"> <legend>Informações <strong>Pessoais</strong></legend> <div class="form-horizontal"> <div class="form-group"> <label class="control-label col-sm-2" for="email"> Nome:</label> <div class="col-sm-10"> <input type="text" class="form-control" id="txtNome" placeholder="Nome Completo"> </div> <label class="control-label col-sm-2" for="email"> E-mail:</label> <div class="col-sm-10"> <input type="email" class="form-control" id="txtEmail" placeholder="Email"> </div> </div> </div> <legend>Informações do <strong>Tipo de Conta</strong> <small><a href="Default.aspx"> <span class="glyphicon glyphicon-share"></span></a></small></legend> <div class="form-group"> <div> <div class="col-sm-4"> <label class="radio-inline"> <input type="radio" name="optradio" checked="checked">Plano Gratis <span class="label label-success"> Novo!</span></label> </div> </div> <div class="col-sm-4"> <label class="radio-inline"> <input type="radio" name="optradio">Plano Basico <span class="label label-default">R$ 0,00</span></label> </div> <div class="col-sm-4"> <label class="radio-inline"> <input type="radio" name="optradio">Plano Premium <span class="label label-default"> R$ 0,00</span></label> </div> </div> <div class="col-sm-12"> <br /> </div> <div class="form-group"> <div class="col-sm-6 col-sm-offset-1"> <div class="pull-right"> <button type="submit" class="btn btn-default"> Cancel</button> <button type="submit" class="btn btn-primary"> Cadastrar</button> </div> </div> </div> </div> </div> </div> <!-- Formulario: Cadastro !--> <div class="col-sm-2"> </div> </div> </div> </div>

body { background-color: #D3D3D3 !important; } .panel-heading { text-align: center !important; } .panel-body { text-align: justify !important; } .col-sm-10 { padding-bottom: 5px !important; }