Twitter bootstrap 引导按钮大小

Twitter bootstrap 引导按钮大小,twitter-bootstrap,Twitter Bootstrap,使用向右拉时,是否可以使用按钮上的引导响应类?。例如,。我使用“向右拉”将两个按钮与标题文本对齐 下面是我尝试做的一个例子: 我希望这些按钮比它们更宽,并且以响应的方式断开 <div class="btn-toolbar pull-right"> <button type="button" class="btn btn-primary">Button 1</button> <button type="button" cl

使用
向右拉时,是否可以使用按钮上的引导响应类?。例如,
。我使用“向右拉”将两个按钮与标题文本对齐

下面是我尝试做的一个例子:

我希望这些按钮比它们更宽,并且以响应的方式断开

 <div class="btn-toolbar pull-right">
        <button type="button" class="btn btn-primary">Button 1</button>
        <button type="button" class="btn btn-success">Button 2</button>
    </div>
 <h2>Header Text</h2>

按钮1
按钮2
标题文本

不,您不能使用按钮上的类来使用
向右拉
,也不能使用百分比来使用
向右拉
。但是,通过使用媒体查询在所有不同的Twitter引导断点处设置按钮的宽度,可以使按钮大小具有响应性。以下是超小型设备的媒体查询:

@media (max-width: 768px) {
    .btn {
        width: 100px;
    }
}

只需在每个屏幕大小上使用所需的按钮宽度即可,如果断点之间的大小有问题,请对此进行新的媒体查询。

您不能在大屏幕和小屏幕上尝试一下,看看它是否有效吗?更好的是,只需在大屏幕上打开并调整窗口大小。