html list item with multiple columns -


i'm trying pretty-up list consists of usernames , real names (e.g. jbloggs (joe bloggs). i'd real names line-up in column, when add <span class="col-xs-6"> around each part (see below) list screws-up! know how this?

<ul>     <li><a href="#"><span class="col-xs-6">jbloggs</span><span class="col-xs-6">- joe bloggs</span></a></li>     <li><a href="#"><span class="col-xs-6">fjibbert</span><span class="col-xs-6">- flipperty jibbert</span></a></li>     <li><a href="#"><span class="col-xs-6">beno</span><span class="col-xs-6">- brian eno</span></a></li> </ul> 

i'm using bootstrap 3 layout, etc.

if still want use bootstrap classes, easiest way column lists applying grid classes <li> items themselves.

<ul class="row">     <li class="col-xs-6"></li>     <li class="col-xs-6"></li> </ul> 
  • .row advised on parent ul rid of left , right margins caused col-xs-6 classes.

Comments

Popular posts from this blog

matlab - error with cyclic autocorrelation function -

django - (fields.E300) Field defines a relation with model 'AbstractEmailUser' which is either not installed, or is abstract -

c# - What is a good .Net RefEdit control to use with ExcelDna? -