我有一个文本输入和3个按钮:对齐按钮和手机屏幕大小的输入形式 - 引导
<div class = "container"
<input type="text" class = "form-control" placeholder="Input here">
<button type="button" class="btn btn-default">Button 1</button>
<button type="button" class="btn btn-default">Button 2</button>
<button type="button" class="btn btn-default">Button 3</button>
</div>
我知道,通常我会用form-inline
但是,这并不为更小的屏幕尺寸工作。使用移动屏幕尺寸时,如何对齐按钮和输入表单以使其位于一条线上?
完美地工作。 “display:flex”究竟做了什么? – ecain
@ecain基本上它是一个整体布局模式,使其变得灵活(敏感)。除此之外,它可以做很多事情。如果你有兴趣[这里](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)是一个概述。 –