如何将OL中的一项对齐到右侧，而将其他项对齐到左侧? [英] how to align one item in the OL to the right while the others are on the left?

问题描述

我在OL元素中使用Bootstrap的面包屑类.除了面包屑信息之外，我还想在OL的右侧添加最后更新信息.我使用了text-align:right，但是没有用.是否有可能?谢谢你的帮助.

i am using the breadcrumb class of Bootstrap in the OL element. Aside from the breadcrumb info, I want to add a last update info to the right of the OL. I used the text-align:right but it didn't work. Is it possible? thanks for the help.

这是我的代码:

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

推荐答案

使用Bootstrap的pull-right类...

Use Bootstrap's pull-right class...

<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

这篇关于如何将OL中的一项对齐到右侧，而将其他项对齐到左侧?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！