Question

如何修复按钮Close，因为当屏幕宽度减小时，它会在save按钮下滑动。如何通过bootstrap或css来防止这种情况？

Codepen上的链接，因为它不会发生在堆栈代码段中。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
    <div class="form-group">
        <div class="col-md-offset-2 col-md-2">
            <input type="submit" value="Save" class="btn btn-default" />
             <input type="submit" value="Close" class="btn btn-default" />
        </div>
    </div>

Answer 1

给出围绕按钮white-space: nowrap;

的div

Answer 2

Codepen上的链接，因为它不会发生在堆栈代码段中。

这很可能是因为您的Codepen正在使用col-md-2，而您的代码正在使用col-xs。

如果你真的在与col-*挣扎，那么：

另一种选择是简单地使用不同的xs类来增加宽度，而不是<div class="col-md-offset-2 col-md-2"> <input type="submit" value="Save" class="btn btn-default" /> <input type="submit" value="Close" class="btn btn-default" /> </div>：

<img>

Bootstrap放置按钮在一行

2 个答案: