bootstrap小例子等
2016-12-05 23:00
204 查看
一个简单的表单样式:
效果图:
<div class="row"> <form action="#" class="form-horizontal"> <div class="form-group has-success"> <label for="username" class="col-lg-1 control-label">用户名</label> <div class="col-lg-11"> <input type="text" id="username" class="form-control"/> </div> </div> <div class="form-group form-group-lg has-error"> <label for="passowrd" class="col-lg-1 control-label">密码</label> <div class="col-lg-11"> <input type="text" id="passowrd" class="form-control"/> </div> </div> <div class="form-group"> <div class="col-lg-5 col-lg-offset-1"> <div class="checkbox"> <label class="checkbox-inline"><input type="checkbox" />记住我</label> <label class="checkbox-inline"><input type="checkbox" />记住我</label> </div> </div> </div> <!-- radio在一行中显示--> <div class="form-group"> <div class="col-lg-5 col-lg-offset-1"> <div class="radio"> <label class="radio-inline"><input type="radio" />忘记我</label> <label class="radio-inline"><input type="radio" />忘记我</label> </div> </div> </div> <!-- select--> <div class="form-group"> <div class="col-lg-5 col-lg-offset-1"> <select multiple class="form-control"> <option>1</option> <option>2</option> <option>3</option> </select> </div> </div> <!-- 文本输入框--> <div class="form-group"> <div class="col-lg-5 col-lg-offset-1"> <textarea class="form-control"></textarea> </div> </div> <div class="form-group"> <div class="col-lg-1 col-lg-offset-1"> <input type="button" value="登陆" class="btn btn-primary"/> </div> </div> </form> </div>
效果图:
相关文章推荐
- 【Bootstrap Demo】入门例子创建
- BootStrap入门_创建第一个例子
- Bootstrap例子——下拉菜单
- 【Bootstrap】入门例子创建
- 一周乱弹(1,bootstrap 同时展示多个模态框顺序2.复选框 全选例子)
- Bootstrap Search Suggest使用例子
- bootstrap fileinput 完整例子(有后台java版)
- 一个Bootstrap的例子--关于validate
- bootstrap-table的一些配置参数例子
- bootstrap弹出模态框简单例子
- 一个Bootstrap的例子--关于validate
- [练习][例子]BootstrapValidator小练习,简单校验验证码
- bootstrap 模态 modal 小例子【转】
- Bootstrap Search Suggest 使用的例子
- Bootstrap Tree View从前端到后台的例子
- 地图集web项目_技术学习(二)_bootstrap分页的例子
- vue bootstrap小例子一枚
- Bootstrap学习 小例子
- bootstrap fileinput 完整例子(有后台java版)