Line up Form Elements Responsively with Bootstrap
现在让我们把 input
元素和提交按钮 button
放到同一行。我们将用和之前一样的方法:通过使用拥有 row
class 属性的 div
元素和其它在它之内的具有 col-xs-*
class 属性的 div
元素。
将你的表单中的 input
文本框和提交按钮 button
放到一个具有 row
class 属性的 div
元素中。 将你的 input
放置于 class 为 col-xs-7
的 div
元素中。 将你的表单的提交按钮 button
放置于 class 属性为 col-xs-5
的 div
元素中。
这是目前为止我们的 Cat Photo 应用的最后一个挑战了。希望你能够喜欢学习 Font Awesome,Bootstrap和响应式设计!