css - Bootstrap: list-inline with bullets? -


anybody knows, how add bullets/separators between elements in horizontal list in bootstrap 3?

<ul class="list-inline">    <li>author: michal</li>    <li>modified: 17.08.2014</li>    <li>comments: 5</li> </ul> 

thy css:

.list-inline{display:block;} .list-inline li{display:inline-block;} .list-inline li:after{content:'|'; margin:0 10px;} 

you can see fiddle here.

needless can use want instead of pipe separator, example


Comments

Popular posts from this blog

javascript - Jquery show_hide, what to add in order to make the page scroll to the bottom of the hidden field once button is clicked -

javascript - Highcharts multi-color line -

javascript - Enter key does not work in search box -