Ting Web UI

简洁、直观、强悍、跨浏览器的前端开发框架，让web开发更迅速、简单。

如果需要将一行纯文本和 label 元素放置于同一行，为 <p> 元素添加 .form-control-static 类即可。

演示
代码

<form class="form-horizontal">
    <div class="form-group">
        <label class="form-label">Text</label>
        <p class="form-control-static">email@example.com</p>
    </div>
</form>

.form-control-static 会随 .form-group-lg / .form-group-sm 自动适配字号和间距。

演示
代码

<form class="form-horizontal">
    <div class="form-group form-group-lg">
        <label class="form-label">Text</label>
        <p class="form-control-static">email@example.com</p>
    </div>
    <div class="form-group form-group-sm">
        <label class="form-label">Text</label>
        <p class="form-control-static">email@example.com</p>
    </div>
</form>

Ting Web UI

静态控件

静态控件尺寸