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是否提供任何固定或流畅的网格系统来帮助布局表单,或者是用户对此负责？谢谢…

解决方法

据我所知,剑道并没有为表格布局提供任何东西(不过剑道移动有).这取决于用户.通常,为标签提供CSS固定宽度很简单,如 here所示.

.k-textBox {
                width: 11.8em;
            }

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