首页编程实战列表使用Bootstrap水平排列的表单

使用Bootstrap水平排列的表单


现在让我们把表单中的提交按钮 button 和输入框 input 放在同一行上。我们将按照我们之前惯用的相同的方式:使用一个 div 标签,class属性为 row ,按钮和输入框则使用 col-xs-* 类定义宽度。

将表单的文本输入框 input 和一个 div 标签中的提交按钮 button 与类行嵌套。 将表单的文本输入嵌入到具有col-xs-7 类的div中。 将表单的提交按钮嵌入到具有类 col-xs-5  div 中。

这是Cat Photo APP应用程序的最后一个挑战。 我们希望你能喜欢学习Font Awesome,Bootstrap和响应式设计!


运行 (ctrl + enter)
偷看答案


W3Cschool app 编程微课功能上线
二维码
建议反馈
二维码