如何将OL中的一个项目与右侧对齐,而其他项目位于左侧?

时间:2015-08-07 14:17:37

标签: css twitter-bootstrap

我在OL元素中使用Bootstrap的breadcrumb类。除了痕迹信息,我想在OL的右侧添加最后的更新信息。我使用了text-align:right,但它没有用。可能吗?谢谢你的帮助。

这是我的代码:

"<ol class='breadcrumb'>" +
"<li>2015</li>" + 
"<li>Feb Release</li>" +
"<li style:'text-align:right'>Last Update: 3:15pm</li>" +
"</ol>";

1 个答案:

答案 0 :(得分:3)

使用Bootstrap pull-right类......

<ol class="breadcrumb">
<li>2015</li>
<li>Feb Release</li>
<li class="pull-right">Last Update: 3:15pm</li>
</ol>

http://codeply.com/go/jb4uBgIIX1