为内联链接形式设置样式

时间:2014-03-09 23:31:04

标签: css twitter-bootstrap

在我的应用程序中,我需要使用我和一些框架称之为“后链接”的情况。基本上是一个可能用于删除(或发布)数据的链接,因此实际上必须是一个表单。

我正在使用bootstrap作为我的基本css,并已将link类分配给提交按钮,以便为其提供链接外观。当在一个表格中使用另一个普通的<a>标签旁边时,无论我创建视口或表格单元格的宽度如何,我似乎无法让两个链接彼此对齐。

这是一个演示的小提琴:http://jsfiddle.net/miocene/dbTqC/670/我指的是铅笔和十字图标作为我的正常链接和后链接。

我是如何让他们并排排列的?

1 个答案:

答案 0 :(得分:1)

您需要为td定义宽度或使用此宽度。我给了td中的div .lol

<强> DEMO

        <td>
            <div class="btn-toolbar inline lol">BLAH BLAH</div>
        </td>

.lol *{
    display:inline-block;
    float:left;
    width:50%;
}
.lol .btn{
    padding:2px;
}