ㄧ.Forms:表单元素
<body data-spy="scroll" data-target="#nav-demo"> <div class="component" id="demo" style="height: 300vh"> <label for="email">邮件地址</label> <input type="text" class="form-control" placeholder="Email" id="email"> <small class="form-text text-muted">请输入正确的电子邮件地址,接收重要的通知。</small> </div></body>.demo.component{ padding: 50px;}
重点:
使用 .form-control 进行样式化placeholder="Email"提示讯息为本表单的Email可以使用 .form-text创建表单中的块级帮助文字。可以使用任何行内 HTML 元素和通用类别(如 .text-muted)灵活地实现行内帮助文字。codepen
参考:bootstrap4