Css 我可以在引导菜单中放置两个链接吗

我使用Bootstrap2.3作为菜单链接

<div class="span3">
    <ul class="nav nav-pills nav-stacked">
        <li class="active"><a  href="/portal/profile">My profile</a></li>
        <li><a href="#">Edit</a></li>   
        <li><a href="#">Photos</a></li>
        <li><a href="#">Competitions</a></li>
        <li><a href="#">List of profiles</a></li>
    </ul>
</div>

是否可以使用引导程序（如图所示）或任何其他方式将两个链接（我的个人资料和编辑）放在一行中。谢谢

如果固定尺寸适合您，您可以使用以下方法：

HTML 如果固定尺寸适合您，您可以使用以下方法：

HTML

---

使用第n个子选择器，只需CSS即可实现这一点。它仍然反应灵敏

li:nth-child(1), li:nth-child(2) {
    display:inline-block;
}

---

演示：

您只需使用CSS，使用第n个子选择器即可实现这一点。它仍然反应灵敏

li:nth-child(1), li:nth-child(2) {
    display:inline-block;
}

---

演示：

在内部嵌套另一个ul和一点额外的css

CSS

HTML

---

查看位于

的小提琴，在里面嵌套另一个ul和一些附加css

CSS

HTML

---

请访问

查看小提琴，谢谢。这正是我需要的，伙计们，这并不适用于所有的决议。如果你想要响应，你不能使用它。通过拖动提琴来检查它。它对响应性很好。您只需调整每个视口的媒体查询中的宽度百分比。谢谢。这正是我需要的，伙计们，这并不适用于所有的决议。如果你想要响应，你不能使用它。通过拖动提琴来检查它。它对响应速度有效，您只需调整媒体查询中每个视口的宽度百分比

li:nth-child(1), li:nth-child(2) {
    display:inline-block;
}

ul.nav-edit {
    margin-bottom: 0;
}

ul.nav-edit li.active {
    display:inline-block;
    width: 88%;
}

<div class="span3">
    <ul class="nav nav-pills nav-stacked">
        <li>
            <ul class="nav nav-pills nav-edit">
                <li class="active"><a href="/portal/profile">My profile</a></li>
                <li class="pull-right"><a href="#">Edit</a></li> 
            </ul>
        </li>
        <li><a href="#">Photos</a></li>
        <li><a href="#">Competitions</a></li>
        <li><a href="#">List of profiles</a></li>
    </ul>
</div>