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:

enter image description here

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" >&#xe85b;</span>                  </div>                  <div class="col-md-1" >                     <span id= "logos" class="glyphicon glyphicon-star"></span>                 </div>             </div> 

Comments

Popular posts from this blog

javascript - Using jquery append to add option values into a select element not working -

Android soft keyboard reverts to default keyboard on orientation change -

Rendering JButton to get the JCheckBox behavior in a JTable by using images does not update my table -