html5 - Panel-footer bootstrap with columns, it doesn't appear in the same row -
i have panel-footer 3 columns in bootstrap.
a text in first column on left , 2 icons in other columns on right.
the code below here:
<div class="panel-footer clearfix"> <div class="row"> <div class="col-md-7"><p>description: chart </p> </div> <div class="col-md-1 col-md-offset-7"> <span id="logos" class="material-icons"></span> </div> <div class="col-md-2 col-md-offset-9"> <span id="logos" class="glyphicon glyphicon-star"></span> </div> </div> <div></div></div>
the result is:
they seem in 3 different rows, why ? wrong ? , have symbols aligned on top , not on bottom.
i solved problem due use not right of -offset-*.
in previous answer used -offset-7 , -offset-9 , outside of bounds. max numbers of columns in bootstrap 12 columns.
<div class="row"> <div class="col-md-9"> description: {{entry.description}} </div> <div class="col-md-1"> <span id= "logos" class="material-icons" ></span> </div> <div class="col-md-1" > <span id= "logos" class="glyphicon glyphicon-star"></span> </div> </div>
Comments
Post a Comment