bene allora posto il mio codice..
ho una pagina index dove sono collegati correttamente tutti i fogli di stile ed i vari script bootstrap e jquery, pubblico solo uno schema della pagina per questioni di spazio e tempo
HTML:
<!--qui vi sono tutti i vari componenti di bootstrap e jquery-->
<!--da qui comincia la pagina vera e propria-->
<div class="content"><?php include 'home.php'?></div>
<!--qui vi sono altri script ecc.-->
la pagina home è la seguente:
HTML:
<div class="row">
<div class="col-xs-12"><h2><a href="#">SOTTO TITOLO</a></h2></div>
</div>
<div class="row">
<div class="col-xs-3">
<a href="#"><img class="img-responsive" src="#"></a>
</div>
<div class="col-xs-9">
bla bla bla bla bla bla bla ecc.
</div>
</div>
la regola CSS per la classe content scritta da me è la seguente:
Codice:
.content{
padding-top: 3%;
padding-left: 10%;
padding-right: 10%;
padding-bottom: 0%;
margin-left: 2%;
margin-top: 0%;
margin-right: 2%;
margin-bottom: 0%;
min-height: 100%;
background-color: #F2F2F2;
color: #000000;
text-align: center;
opacity: 0.85;
font-size: 1em;
overflow: scroll;
}
io dovrei riuscire a centrare verticalmente sia il contenuto della <div> con classe .col-xs-3 che quella con la classe
.col-xs-9.
avete qualche idea?