引导按钮大小

-1

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

这里是什么，我试图做一个例子：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>

来源

2016-11-21 user2531854

难道你不能只在大屏幕和小屏幕上试一试，看看它是否有效？更好的是，只需在大屏幕上打开并调整窗口大小即可。 – csmckelvey

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

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

只要做到这一点，在每个屏幕尺寸的按钮所需的宽度，如果您有在中间的断点大小的一些问题，使新的媒体查询。

来源

2016-11-21 21:46:56

引导按钮大小

回答

相关问题