Question

如何调整自举按钮的长度而不调整其宽度/高度？每当我调整宽度时，它都会给我错误的输出。

<button type="button" class="btn btn-primary">Primary</button>

Answer 1

不清楚你的意思是＆＃34;长度＆＃34;但是Bootstrap为它的按钮设置了尺寸

＆＃34; extra-small＆＃34;，＆＃34; small＆＃34;，＆＃34;默认＆＃34;和＆＃34;大＆＃34;

由btn-xs btn-sm，btn-default和bth-lg

定义

＆＃13;

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>
<button type="button" class="btn btn-xs btn-primary">Primary</button>
<button type="button" class="btn btn-sm btn-primary">Primary</button>
<button type="button" class="btn btn-default btn-primary">Primary</button>
<button type="button" class="btn btn-lg btn-primary">Primary</button>

＆＃13;

但是，您可以通过调整左/右填充来阻止您添加自己的客户宽度。

EG。

   .btn-wide {
    padding-left: 3em;
    padding-right: 3em;
    }

JSfiddle Demo

要调整的自举长度

1 个答案: