Twitter bootstrap 按钮高度到行高度

Twitter bootstrap 按钮高度到行高度,twitter-bootstrap,css,twitter-bootstrap-3,Twitter Bootstrap,Css,Twitter Bootstrap 3,嗨,我使用的是Bootstrap 3,我有一段代码: <div class="row"> <div class="col-sm-2 col-md-2 col-lg-2"><button>Öğrenci Projeleri</button></div> <div class="col-sm-2 col-md-2 col-lg-2"><button>İş Projeleri</button>

嗨,我使用的是Bootstrap 3,我有一段代码:

<div class="row">
    <div class="col-sm-2 col-md-2 col-lg-2"><button>Öğrenci Projeleri</button></div>
    <div class="col-sm-2 col-md-2 col-lg-2"><button>İş Projeleri</button></div>
    <div class="col-sm-2 col-md-2 col-lg-2"><button>Grafik Tasarım</button></div>
    <div class="col-sm-2 col-md-2 col-lg-2"><button>Üniversite Başvuruları</button></div>
    <div class="col-sm-2 col-md-2 col-lg-2"><button>Danışmanlık</button></div>
    <div class="col-sm-2 col-md-2 col-lg-2"><button>&Fazlası</button></div>
</div>

ğrenci Projeleri
İşProjeleri
格拉菲克·塔萨尔姆
大学本科
Danışmanlık
&法兹拉斯ı
按钮高度相等,但是按钮高度不等于行高度,我想说的是,按钮和行的顶部/底部之间存在间隙

如果我增加按钮高度,行高度相应增加

如何在不增加行高的情况下消除间隙或增加按钮高度?我希望按钮顶部和底部边框与行顶部和底部接触

谢谢

通常btn类(buttons bootstrap的基类)有这样的边距或填充

.btn {
     -moz-user-select: none;
     background-image: none;
     border: 1px solid transparent;
     border-radius: 4px;
     cursor: pointer;
     display: inline-block;
     font-size: 15px;
     font-weight: normal;
     line-height: 1.42857;
     margin-bottom: 0;
     padding: 10px 15px;    /* this margin */
     text-align: center;
     vertical-align: middle;
     white-space: nowrap;
 }
通过指定更改常规设置的样式,您可以避免重新定义类locallmente或在您自己的引导版本中,或为单个按钮插入规范,例如:

 <a class="btn btn-primary glyphicon glyphicon-plus" 
       href="yourRef" 
       style="padding: 3px 2px;"></a>

您尚未为按钮定义任何引导类,即
.btn
。您可能还想使用一个按钮,因为尝试在列中安装按钮通常不起作用。(*红色背景表示

正文{
文本对齐:居中;
边缘顶部:50px;
}
分区行{
背景色:红色;
}
@介质(最大宽度:767px){
分区btn-垂直{
位置:相对位置;
显示:内联块;
垂直对齐:中间对齐;
}
div.btn-vertical>.btn,
div.btn-group>.btn{
位置:相对位置;
浮动:左;
}
div.btn-vertical>.btn,
div.btn-vertical>.btn组,
div.btn-vertical>.btn group>.btn{
显示:块;
浮动:无;
宽度:100%;
最大宽度:100%;
}
div.btn-vertical>.btn group>.btn{
浮动:无;
}
div.btn-vertical>.btn+.btn,
div.btn-vertical>.btn+.btn组,
div.btn-vertical>.btn组+.btn,
div.btn-vertical>.btn组+.btn组{
页边顶部:-1px;
左边距:0;
}
div.btn-vertical>.btn:not(:第一个孩子):not(:最后一个孩子){
边界半径:0;
}
div.btn-vertical>.btn:第一个孩子:不是(:最后一个孩子){
边框右上角半径:0;
边框左上半径:0;
边框右下半径:0;
边框左下半径:0;
}
div.btn-vertical>.btn:最后一个孩子:不是(:第一个孩子){
边框左上半径:0;
边框右上角半径:0;
边框左下半径:0;
边框右下半径:0;
}
.btn垂直>.btn组:不(:第一个孩子):不(:最后一个孩子)>.btn{
边界半径:0;
}
div.btn-vertical>.btn组:第一个孩子:不是(:最后一个孩子)>。btn:最后一个孩子,
div.btn-vertical>.btn组:第一个孩子:不是(:最后一个孩子)>。下拉切换{
边框右下半径:0;
边框左下半径:0;
}
div.btn-vertical>.btn组:最后一个孩子:不是(:第一个孩子)>。btn:第一个孩子{
边框左上半径:0;
边框右上角半径:0;
}
}
分区btn-group.btn-group-lg.btn,
div.btn-group.btn{
边界半径:0;
边界:无;
}

标准按钮组。
ğrenci Projeleri
İşProjeleri
格拉菲克·塔萨尔姆
大学本科
Danışmanlık
&;法兹拉斯ı

调整按钮组。 ğrenci Projeleri İşProjeleri 格拉菲克·塔萨尔姆 大学本科 Danışmanlık &;法兹拉斯ı
自定义按钮组 对于Mobile,这些将在断点处从水平更改为垂直

ğrenci Projeleri İşProjeleri 格拉菲克·塔萨尔姆 大学本科 Danışmanlık &;法兹拉斯ı
自定义调整按钮组。 ğrenci Projeleri İşProjeleri 格拉菲克·塔萨尔姆 大学本科 Danışmanlık &;法兹拉斯ı
您的自定义css中一定有其他原因导致此问题,如填充和/或边距。否则,开箱即用就不存在这样的问题。看看这个快速的提琴来证明——(主题外)这个答案和其他答案(关于你之前问的问题)有帮助吗?如果您投票/接受答案,甚至参与评论,可能会帮助未来有类似问题的访问者轻松找到解决方案。此外,如果你对自己的问题有一个解决方案,请随意写下你的答案,并将其标记为已接受。欢迎来到SO。