Bootstrap - list of text of icons - achieving consistent horizontal alignment
The problem:
http://jsfiddle.net/3jAk2/
<div><i class='icon-camera-retro'></i> Text text text</div>
<div><i class='icon-download'></i> Text text text</div>
As you could see - icons and text are shifted relatively to vertical
'columns' for each of them.
That's my solution:
http://jsbin.com/iguH/1/edit?html,output
Maybe there is better/more elegant or proper/built in in bootstrap ones?
ps Another problem that I didnt yet solved - what if text is multilined?
And it still need to be in its column - not wraps icon?
No comments:
Post a Comment