Question

我注意到在使用精简表的tabledata元素中的表单后，rowheight会增加。

请参阅以下表格的屏幕截图，其中包含表格（用于删除按钮）和没有表格的表格：http://cl.ly/image/43272x452b2i。

如何摆脱使用表单时添加的额外空间？我想保持浓缩表的行高。

仅包含表格的表格的表格如下所示：

<table class="table table-striped table-bordered table-condensed">
        <thead>
            <tr>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    @form(routes.Clubs.deleteClub(club.clubID.get), 'onsubmit -> "return confirm('Bent u zeker dat u dit club wilt verwijderen?')") {
                        @if(!permissions.contains(Clubs.CLUB_DELETE) || club.isUsed){
                            <a disabled="disabled" type="submit" class="btn"><i class="icon-remove"></i></a>
                        }else{
                            <a type="submit" class="btn"><i class="icon-remove"></i></a>
                        }
                    }
                </td>   
            </tr>
        }

    </tbody>
    </table>

我正在使用Twitter Bootstrap v2.0.1。

谢谢！

Answer 1

解决了，将以下块添加到我的css中：

table form{
    margin-bottom: 0px;
}

在浓缩的tablerow中形成增加行高

1 个答案: