Fatal编程技术网
  • twitter-bootstrap/
  • Twitter bootstrap 如何在twitter引导中创建只读表单布局

Twitter bootstrap 如何在twitter引导中创建只读表单布局

twitter-bootstrap

Twitter bootstrap 如何在twitter引导中创建只读表单布局,twitter-bootstrap,Twitter Bootstrap,假设您在使用twitter引导时有查看信息（而不是编辑信息）。显示数据的最佳方式是什么 这实际上是作为一个问题提出来的：。我同意MDO在github上的回答 下面是上面展示的示例，它展示了如何使用codepen实现这一点。您可以尝试使用样式。很酷的工具 这还显示了如何链接到codepen中的引导样式表 Bootstrap 3 BS3有一个静态字段的概念。可以在同一表单上混合和匹配静态字段和输入字段。或者对只读表单使用所有静态字段 您可以将p标记用于此特殊引导类，而不是普通的input元素： &

假设您在使用twitter引导时有查看信息（而不是编辑信息）。显示数据的最佳方式是什么

这实际上是作为一个问题提出来的：。

我同意MDO在github上的回答

下面是上面展示的示例，它展示了如何使用codepen实现这一点。您可以尝试使用样式。很酷的工具

这还显示了如何链接到codepen中的引导样式表

Bootstrap 3 BS3有一个静态字段的概念。可以在同一表单上混合和匹配静态字段和输入字段。或者对只读表单使用所有静态字段

您可以将
p
标记用于此特殊引导类，而不是普通的
input
元素：

<p class="form-control-static">email@example.com</p>

email@example.com
引导程序4： 您可以在
输入
标记上使用
表单控件纯文本
类

看

Boostrap 5：

可能没有考虑到这一点，但您是否可以在表单字段中添加“已禁用”？对于禁用的可编辑字段，这是一种完全不同的外观。对于4.0，它是表单控件纯文本