css - 按钮在换行时看起来很糟糕

标签 css html twitter-bootstrap-3

我有一个小问题。当我的按钮不适合表格单元格时,线条会断开。但是新行中的按钮看起来很糟糕(“粘在”上面的按钮上,如图所示)。如何让它至少有一些整洁的上边距,从顶部按钮“取消”它?!

举个例子:

example

代码如下:

<a href="#" class="btn btn-default"><i class="fa fa-info-circle"></i> Szczegóły</a>                        
<a href="#" class="btn btn-default"><i class="fa fa-key"></i> Uprawnienia</a>                     
<a href="#" class="btn btn-default"><i class="fa fa-edit"></i> Edytuj</a>                    
<a href="#" class="btn btn-danger"><i class="fa fa-trash-o"></i> Usuń</a> <!-- this button looks bad -->   

最佳答案

a.btn{
display:inline-block;
margin-bottom:10px;
}

关于css - 按钮在换行时看起来很糟糕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22127943/

相关文章:

jquery - 删除子元素包含大于特定值的文本的所有 div

javascript - css 'display none' 第一次不起作用

javascript - 表单内提交函数

html - Vue 3 砖石布局与 Bootstrap 5 结合

css - 表格内部表格和 Twitter Bootstrap 中的内部模式都无法正确显示,缺少填充

twitter-bootstrap-3 - bootstrap-tagsinput with typeahead, bootstrap-3

jquery - 将粒子背景作为页面的背景

css - 如何将减少的 reCaptcha 居中? HTML CSS

php - preg_replace ('/[\\s]/' ,'&nbsp;' $mysqlData) 导致文本从 div 溢出

css - Bootstrap 3 css,包含媒体类的居中元素