📌  相关文章
📜  如何使用 Bootstrap 在不同的行中编写表单？

📅  最后修改于: 2022-05-13 01:56:25.659000             🧑  作者: Mango

如何使用 Bootstrap 在不同的行中编写表单？

Bootstrap 是一个开源前端框架，用于开发快速且用户友好的标准和装饰性网站或 Web 应用程序。 Bootstrap 包括基于 HTML 和 CSS 的表格、表单、按钮等模板。Bootstrap 还使用 JavaScript 并帮助我们创建响应式设计。表单是每个网站的重要组成部分。 Bootstrap 将样式添加到提供标准外观和感觉的表单中。本文将让您了解如何仅使用 Bootstrap 创建表单（Bootstrap Vertical Form）。

表单布局规则

  1. 对于理想间距，将标签和表单控件包装在
    中。
  2. 将.form-control类添加到所有文本.form-control类，例如input>、           
                             
    

输出：现在，正如您在输出中看到的那样，我们使用 Bootstrap 创建了一个精美简单的表单，您可以将其添加到您的网站并吸引浏览者访问网页。