<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 class="panel panel-default"> <div class="panel-heading"> <div class="panel-title"> <i class="glyphicon glyphicon-wrench pull-right"></i> <h4>Controle de Dieta</h4> </div> </div> <div class="panel-body"> <form class="form form-vertical"> <div class="control-group"> <label>Name</label> <div class="controls"> <input type="text" class="form-control" placeholder="Enter Name"> </div> </div> <div class="control-group"> <label>Title</label> <div class="controls"> <input type="password" class="form-control" placeholder="Password"> </div> </div> <div class="control-group"> <label>Details</label> <div class="controls"> <textarea class="form-control"></textarea> </div> </div> <div class="control-group"> <label>Select</label> <div class="controls"> <select class="form-control"><option>General Question</option><option>Server Issues</option><option>Billing Question</option></select> </div> </div> <div class="control-group"> <label></label> <div class="controls"> <button type="submit" class="btn btn-primary"> Post </button> </div> </div> </form> </div><!--/panel content--> </div><!--/panel--> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Nome</label> <div class="col-md-5"> <input id="textinput" name="textinput" type="text" placeholder="placeholder" class="form-control input-md" required=""> <span class="help-block">Insira nome do Paciente</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Altura</label> <div class="col-md-2"> <input id="textinput" name="textinput" type="text" placeholder="placeholder" class="form-control input-md" required=""> <span class="help-block">Insira altura do Paciente</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Peso</label> <div class="col-md-2"> <input id="textinput" name="textinput" type="text" placeholder="placeholder" class="form-control input-md" required=""> <span class="help-block">Insira peso do Paciente</span> </div> </div> </fieldset> </form> <div class="container" style="margin-top:40px"><div class="row"><div class="col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3"> <!-- The idea is to use mostly Bootstrap markup, peppered with a few "tr" and "td" classes, so you can turn any basic bootstrap panel into a columnar panel. --> Resumo da Dieta <div class="panel panel-default panel-table"> <div class="panel-heading"> <div class="tr"> <div class="td">Kcal</div> <div class="td">Proteinas (g)</div> <div class="td">Carboidratos (g)</div> <div class="td">Lipídios (g)</div> </div> </div> <div class="panel-body"> <div class="tr"> <div class="td">589.6</div> <div class="td">263.7</div> <div class="td">69.5</div> <div class="td">26.1</div> </div> </div> </div> Quantidade total de Macro Nutrientes - Alimentos <div class="panel panel-default panel-table"> <div class="panel-heading"> <div class="tr"> <div class="td">Kcal</div> <div class="td">Proteinas (g)</div> <div class="td">Carboidratos (g)</div> <div class="td">Lipídios (g)</div> </div> </div> <div class="panel-body"> <div class="tr"> <div class="td">589.6</div> <div class="td">263.7</div> <div class="td">69.5</div> <div class="td">26.1</div> </div> </div> </div> Quantidade total de Macro Nutrientes - Suplementos <div class="panel panel-default panel-table"> <div class="panel-heading"> <div class="tr"> <div class="td">Kcal</div> <div class="td">Proteinas (g)</div> <div class="td">Carboidratos (g)</div> </div> </div> <div class="panel-body"> <div class="tr"> <div class="td">89.6</div> <div class="td">69.5</div> <div class="td">34</div> </div> </div> </div> Relação por peso (g/kg) <div class="panel panel-default panel-table"> <div class="panel-heading"> <div class="tr"> <div class="td">Proteina</div> <div class="td">Carboidratos</div> </div> </div> <div class="panel-body"> <div class="tr"> <div class="td">5.0</div> <div class="td">2.0</div> </div> </div> </div> </div></div></div>

.navbar-static-top { margin-bottom:20px; } i { font-size:18px; } footer { margin-top:20px; padding-top:20px; padding-bottom:20px; background-color:#efefef; } .nav>li .count { position: absolute; top: 10%; right: 25%; font-size: 10px; font-weight: normal; background: rgba(41,200,41,0.75); color: rgb(255,255,255); line-height: 1em; padding: 2px 4px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }