html - 如何使用 Kendo UI Web 布局简单、对齐的表单

刚刚进入 Kendo UI Web，并试图找出布局简单表单的最佳方式。坦率地说，我对执行这种基本任务缺乏文档感到有点震惊。我正在使用 kendo.bootstrap 主题并试图弄清楚如何组织一个简单的表单，其中标签位于一列，相关的输入位于另一列，两者都正确对齐等。

如果您按照文档创建带有文本框控件和标签的简单表单，则文本框控件不会正确对齐……即使在它们的示例中也是如此。

使用以下代码来演示这一点:

<div>
<ul class="forms">
    <li>
        <label class="k-label">Username:</label>
        <input type="text" class="k-textbox" />
    </li>
    <li>
        <label class="k-label">Password:</label>
        <input type="text" class="k-textbox" />
    </li>
</ul>

不确定是否需要 k 标签，看到它并认为我会尝试......并没有帮助。

我查看了所有样式文档，但没有看到任何有助于创建简单但样式化的表单的内容。 Kendo UI Web 是否提供任何固定或流体网格系统来帮助布局表单，还是用户对此负责？谢谢...

最佳答案

据我所知，Kendo 不提供任何表单布局(但 Kendo Mobile 提供)。这将取决于用户。通常，为标签提供 CSS 固定宽度很简单，如 here 所示。

            .k-textbox {
                width: 11.8em;
            }

            label {
                display: inline-block;
                width: 90px;
                text-align: right;
            }