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 parentul
rid of left , right margins causedcol-xs-6
classes.
Comments
Post a Comment