分享bootstrap学习笔记心得(组件及其属性)(2)

<ul> <li> 靠谱研究所 <!--列表徽章--><span>10</span> </li> <li>IT研究所</li> <li>美食研究所</li> <li>美妆研究所</li> </ul>

1.5表单:

表单分组:form-group

表单项:(input/span/textarea):form-control

<style> .container{ width:450px; height:300px; background:#ffffff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:20px; } </style> <span> </span><form role="form"> <h3>靠谱研究所后台管理系统</h3> <div> <label for="user">用户名</label> <input type="text" placeholder="请输入用户名"> <span></span> </div> <div> <label for="pass">密码</label> <input type="text" placeholder="请输入密码"> <span></span> </div> <div> <label> <input type="checkbox">请记住我 </label> </div> <button type="submit">提交</button> </form>

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwdspp.html