"panel temperaturas"
Bootstrap 3.3.0 Snippet by YONY GUTIERREZ CAMPOS

Post to Facebook Tweet this

<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 ----------> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <!-- This file has been downloaded from Bootsnipp.com. Enjoy! --> <title>panel nav temperaturas - Bootsnipp.com</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="container"> <div class="page-header"> <h1>panel temperaturas <span class="pull-right label label-default"></span></h1> </div> <div class="col-md-6"> <div class="panel with-nav-tabs panel-primary"> <div class="panel-heading"> <ul class="nav nav-tabs"> <li class="active"><a href="#tab1primary" data-toggle="tab">modelo temperatura 1</a></li> <li><a href="#tab2primary" data-toggle="tab">modelo temperatura 2</a></li> <li><a href="#tab3primary" data-toggle="tab">modelo temperatura 3</a></li> </ul> </div> <div class="panel-body"> <div class="tab-content"> <div class="tab-pane fade in active" id="tab1primary"> <div class="table-responsive"> <div id="cont_281eca1459a2697d840412caa71f5e43"> </div> </div> </div> <div class="tab-pane fade" id="tab2primary"> <div id="tyt_wdgt_1525536254569" style="overflow:hidden;width:302px;height:415px" data-options="color=azul&text=txt-verdana&content=1111111&temp_unit=c&wind_unit=ms"> </div> </div> <div class="tab-pane fade" id="tab3primary"> <div id="c_6bcc5abbee201fdce37137a264562b85" class="normal"> </div> </div> </div> </div> </div> </div> </div> </div> <script src="http://tiempoytemperatura.es/widgets/js/big-3days/3936456/tyt_wdgt_1525536254569/?v=0"> </script> <script type="text/javascript" src="https://www.eltiempo.es/widget/widget_loader/6bcc5abbee201fdce37137a264562b85"> </script> <script type="text/javascript" async src="https://www.tiempo.com/wid_loader/281eca1459a2697d840412caa71f5e43"></script> </body> </html>
.panel.with-nav-tabs .panel-heading{ padding: 5px 5px 0 5px; } .panel.with-nav-tabs .nav-tabs{ border-bottom: none; } .panel.with-nav-tabs .nav-justified{ margin-bottom: -1px; } /********************************************************************/ /*** PANEL PRIMARY ***/ .with-nav-tabs.panel-primary .nav-tabs > li > a, .with-nav-tabs.panel-primary .nav-tabs > li > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li > a:focus { color: #fff; } .with-nav-tabs.panel-primary .nav-tabs > .open > a, .with-nav-tabs.panel-primary .nav-tabs > .open > a:hover, .with-nav-tabs.panel-primary .nav-tabs > .open > a:focus, .with-nav-tabs.panel-primary .nav-tabs > li > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li > a:focus { color: #fff; background-color: #3071a9; border-color: transparent; } .with-nav-tabs.panel-primary .nav-tabs > li.active > a, .with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus { color: #428bca; background-color: #fff; border-color: #428bca; border-bottom-color: transparent; } .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu { background-color: #428bca; border-color: #3071a9; } .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #fff; } .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #3071a9; } .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a, .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { background-color: #4a9fe9; }

Related: See More

Gaia Bootstrap Template Pro
animated sinin and signup panel. animated login and registeration page, popup,
Register form, html bootstrap4 registration form card panel
Filter elements, sidebar filter panel bootstrap 4

Questions / Comments: