tabella spire

by barbarina

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div class="container">

  <div class="panel panel-primary">
    <div class="panel-heading">
      <h4 class="panel-title">Centralina 506 - SPIRA FAMAS FI OVEST KM 5</h4>
    </div>
    
    <div class="panel-body">
          
      <!--div class="row">
        <div class="col-sm-12">
          <h4>
          
          </h4>
        </div>  
      </div-->
      
      <div class="row">
        <div class="col-sm-12">
         <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Dati generali</a></li>
    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Dettaglio Carreggiata Sx</a></li>
    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Dettaglio Carreggiata Sx</a></li>
    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Report</a></li>
  </ul>
  </div>
  
  
  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="home"
     style="margin-right: 30px; margin-left: 30px;">
      
      
       <div class="row">
        <div class="col-sm-6 titoloTabellaSpire" style="margin-right:15px; width: 48%;">
          Carreggiata SX dir. FIRENZE
        </div>  
        <div class="col-sm-6 titoloTabellaSpire" style="margin-left:15px; width: 48%;">
          Carreggiata DX dir. PISA
        </div>  
      </div>
      
      
       <div class="row">
        <div class="col-sm-6" style="height: 250px; margin-right:15px; width: 48%;">
          grafico SX
        </div>  
        <div class="col-sm-6"...

CSS

.titoloTabellaSpire{
  text-align: center;  
  font-weight: bolder; 
  font-size: smaller; 
  margin: 2px;
}

.titoloColonnaSpire{
  background-color: #337ab7;
	color: white;
  font-size: smaller; 
  text-align: center;  
  border-radius: 2px 2px 2px 2px;
  margin: 2px 2px 0 2px;
  width: 24%;
  padding-top: 2px;
  padding-bottom: 2px;
}
.datoColonnaSpire{
  font-size: smaller; 
  text-align: center;  
  border: solid;  
  border-width: 1px;
  border-color: #337ab7;
  border-radius: 2px 2px 2px 2px;
  margin: 0 2px 2px 2px;
  width: 24%;
  padding-top: 2px;
  padding-bottom: 2px;
}