Bootstrap按钮大小

Question

使用pull-right时，您可以在按钮上使用引导响应类吗？例如，<button class="col-xs-6">。我正在使用pull-right将我的按钮与标题文本一致。

以下是我正在尝试做的一个示例：http://www.bootply.com/bk6be0CBuB

我希望这些按钮能够更宽，然后以响应的方式打破。

 <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>

Answer 1

不，您不能在pull-right的按钮上使用这些类，也不能在pull-right使用百分比。您可以通过使用媒体查询在所有不同的Twitter Bootstrap断点处设置按钮的宽度来使按钮大小响应。以下是超小型设备的媒体查询：

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

只需在每个屏幕尺寸上使用所需的按钮宽度即可，如果您遇到断点之间的大小问题，请为此进行新的媒体查询。