html - 如何使用 bootstrap 在一行中对齐 anchor 标记?

标签 html css twitter-bootstrap jsp

我想在一行中对齐我的链接,但我不知道该怎么做。

这是我的代码:

<div class=col-sm-4>
<div class="panel-footer">
    <div class="form-group btn-group btn-group-xs" role="group">
        <form action="EditMyFoundItem" method="POST">
            <input type="Hidden" name="found_id"  value="${myFoundList.getFoundID()}">   
            <button type="submit" class="btn btn-link btn-xs">Edit</button> 
        </form>
        <form action="CommentFoundItem" method="POST">
            <input type="HIDDEN" name="found_id" value="${myFoundList.getFoundID()}">  
            <button type="submit" class="btn btn-link btn-xs">Add Comment</button> 
        </form>
 </div> 
 </div>

Sample Screenshot

我希望我的链接看起来像这样:

Edit   Add Comment

最佳答案

为表单标签添加类pull-left

<form action="EditMyFoundItem" class="pull-left" method="POST">

关于html - 如何使用 bootstrap 在一行中对齐 anchor 标记?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43694185/

相关文章:

python - 为什么 Bootstrap 不起作用,尽管我已经加载了它等(Django项目)?

javascript - AngularJS $ViewContentLoaded : Any way to make it animate differently depending on UI-Router State?

html - 当子级悬停时,如何使 CSS 菜单中的父对象保持悬停状态

internet-explorer - 当 IE6 拥有 15% 的市场份额时,Web 开发人员是否应该使用 CSS 3?

javascript - bootstrap.js Accordion 折叠/展开

css - 在移动设备上显示与台式机完全相同的响应式网站

javascript - 有没有一种简单的方法来选择和复制 HTML 表格的 1 或 2 列?

html - 在 DIV 中设置 SPAN 样式

css - 如何使伪元素跨越空白网格单元格?

CSS重新计算第n个 child