针对表单控件的“块(block)”级辅助文本。
Bootstrap 表单控件可以在输入框 input 上有一个块级帮助文本。为了添加一个占用整个宽度的内容块,请在 <input> 后使用 .help-block。
<span class="help-block">A block of help text that breaks onto a new line and may extend beyond one line.</span>
实例2演示:
- <!DOCTYPE html>
- <html>
- <head>
- <title>Bootstrap 实例 - 表单帮助文本</title>
- <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
- <script src="/scripts/jquery.min.js"></script>
- <script src="/bootstrap/js/bootstrap.min.js"></script>
- </head>
- <body>
- <form role="form">
- <span>帮助文本实例</span>
- <input class="form-control" type="text" placeholder="">
- <span class="help-block">一个较长的帮助文本块,超过一行,需要扩展到下一行。本实例中的帮助文本总共有两行!一个较长的帮助文本块,超过一行,需要扩展到下一行。本实例中的帮助文本总共有两行。</span>
- </form>
- </body>
- </html>
运行结果: