2015-01-03 14:42:46 +00:00
{% extends 'base.html' %}
2015-01-03 14:24:34 +00:00
{% block content %}
2015-01-03 15:10:09 +00:00
{% include 'nav_cat_bar.html' %}
2015-01-05 14:35:25 +00:00
< div class = "wrapper wrapper-content animated fadeInRight" >
2015-01-03 14:24:34 +00:00
< div class = "row" >
2015-01-05 15:58:51 +00:00
< div class = "col-lg-10" >
2015-01-03 14:24:34 +00:00
< div class = "ibox float-e-margins" >
< div class = "ibox-title" >
2015-01-05 15:55:05 +00:00
< h5 > 填写基本信息 < small > Add user info.< / small > < / h5 >
2015-01-03 14:24:34 +00:00
< div class = "ibox-tools" >
< a class = "collapse-link" >
< i class = "fa fa-chevron-up" > < / i >
< / a >
< a class = "dropdown-toggle" data-toggle = "dropdown" href = "#" >
< i class = "fa fa-wrench" > < / i >
< / a >
< ul class = "dropdown-menu dropdown-user" >
2015-01-05 15:52:25 +00:00
< li > < a href = "#" > 未启用 1< / a >
2015-01-03 14:24:34 +00:00
< / li >
2015-01-05 15:52:25 +00:00
< li > < a href = "#" > 未启用 2< / a >
2015-01-03 14:24:34 +00:00
< / li >
< / ul >
< a class = "close-link" >
< i class = "fa fa-times" > < / i >
< / a >
< / div >
< / div >
< div class = "ibox-content" >
2015-01-05 15:46:13 +00:00
< form method = "get" class = "form-horizontal" >
< div class = "form-group" > < label class = "col-sm-2 control-label" > Normal< / label >
2015-01-05 15:58:51 +00:00
< div class = "col-sm-8" > < input type = "text" class = "form-control" > < / div >
2015-01-05 15:46:13 +00:00
< / div >
< div class = "hr-line-dashed" > < / div >
< div class = "form-group" > < label class = "col-sm-2 control-label" > Help text< / label >
2015-01-05 15:58:51 +00:00
< div class = "col-sm-8" > < input type = "text" class = "form-control" > < span class = "help-block m-b-none" > A block of help text that breaks onto a new line and may extend beyond one line.< / span >
2015-01-05 15:46:13 +00:00
< / div >
2015-01-03 14:24:34 +00:00
< / div >
< div class = "hr-line-dashed" > < / div >
2015-01-05 15:46:13 +00:00
< div class = "form-group" > < label class = "col-sm-2 control-label" > Password< / label >
2015-01-03 14:24:34 +00:00
2015-01-05 15:58:51 +00:00
< div class = "col-sm-8" > < input type = "password" class = "form-control" name = "password" > < / div >
2015-01-05 15:46:13 +00:00
< / div >
< div class = "hr-line-dashed" > < / div >
< div class = "form-group" > < label class = "col-sm-2 control-label" > Placeholder< / label >
2015-01-05 15:58:51 +00:00
< div class = "col-sm-8" > < input type = "text" placeholder = "placeholder" class = "form-control" > < / div >
2015-01-05 15:46:13 +00:00
< / div >
< div class = "hr-line-dashed" > < / div >
< div class = "form-group" > < label class = "col-lg-2 control-label" > Disabled< / label >
< div class = "col-lg-10" > < input type = "text" disabled = "" placeholder = "Disabled input here..." class = "form-control" > < / div >
< / div >
< div class = "hr-line-dashed" > < / div >
< div class = "form-group" > < label class = "col-lg-2 control-label" > Static control< / label >
< div class = "col-lg-10" > < p class = "form-control-static" > email@example.com< / p > < / div >
< / div >
< div class = "hr-line-dashed" > < / div >
< div class = "form-group" > < label class = "col-sm-2 control-label" > Checkboxes and radios < br / >
< small class = "text-navy" > Normal Bootstrap elements< / small > < / label >
2015-01-05 15:58:51 +00:00
< div class = "col-sm-8" >
2015-01-05 15:46:13 +00:00
< div class = "checkbox" > < label > < input type = "checkbox" value = "" > Option one is this and that— be sure to include why it's great < / label > < / div >
< div class = "radio" > < label > < input type = "radio" checked = "" value = "option1" id = "optionsRadios1" name = "optionsRadios" > Option one is this and that— be sure to
include why it's great < / label > < / div >
< div class = "radio" > < label > < input type = "radio" value = "option2" id = "optionsRadios2" name = "optionsRadios" > Option two can be something else and selecting it will
deselect option one < / label > < / div >
< / div >
< / div >
< div class = "hr-line-dashed" > < / div >
< div class = "form-group" > < label class = "col-sm-2 control-label" > Inline checkboxes< / label >
2015-01-05 15:58:51 +00:00
< div class = "col-sm-8" > < label class = "checkbox-inline" > < input type = "checkbox" value = "option1" id = "inlineCheckbox1" > a < / label > < label class = "checkbox-inline" >
2015-01-05 15:46:13 +00:00
< input type = "checkbox" value = "option2" id = "inlineCheckbox2" > b < / label > < label class = "checkbox-inline" >
< input type = "checkbox" value = "option3" id = "inlineCheckbox3" > c < / label > < / div >
< / div >
< div class = "hr-line-dashed" > < / div >
< div class = "form-group" > < label class = "col-sm-2 control-label" > Checkboxes & radios < br / > < small class = "text-navy" > Custom elements< / small > < / label >
2015-01-05 15:58:51 +00:00
< div class = "col-sm-8" >
2015-01-05 15:46:13 +00:00
< div class = "checkbox i-checks" > < label > < input type = "checkbox" value = "" > < i > < / i > Option one < / label > < / div >
< div class = "checkbox i-checks" > < label > < input type = "checkbox" value = "" checked = "" > < i > < / i > Option two checked < / label > < / div >
< div class = "checkbox i-checks" > < label > < input type = "checkbox" value = "" disabled = "" checked = "" > < i > < / i > Option three checked and disabled < / label > < / div >
< div class = "checkbox i-checks" > < label > < input type = "checkbox" value = "" disabled = "" > < i > < / i > Option four disabled < / label > < / div >
< div class = "radio i-checks" > < label > < input type = "radio" value = "option1" name = "a" > < i > < / i > Option one < / label > < / div >
< div class = "radio i-checks" > < label > < input type = "radio" checked = "" value = "option2" name = "a" > < i > < / i > Option two checked < / label > < / div >
< div class = "radio i-checks" > < label > < input type = "radio" disabled = "" checked = "" value = "option2" > < i > < / i > Option three checked and disabled < / label > < / div >
< div class = "radio i-checks" > < label > < input type = "radio" disabled = "" name = "a" > < i > < / i > Option four disabled < / label > < / div >
< / div >
< / div >
< div class = "hr-line-dashed" > < / div >
< div class = "form-group" > < label class = "col-sm-2 control-label" > Inline checkboxes< / label >
2015-01-05 15:58:51 +00:00
< div class = "col-sm-8" > < label class = "checkbox-inline i-checks" > < input type = "checkbox" value = "option1" > a < / label >
2015-01-05 15:46:13 +00:00
< label class = "checkbox-inline i-checks" > < input type = "checkbox" value = "option2" > b < / label >
< label class = "checkbox-inline i-checks" > < input type = "checkbox" value = "option3" > c < / label > < / div >
< / div >
< div class = "hr-line-dashed" > < / div >
< div class = "form-group" > < label class = "col-sm-2 control-label" > Select< / label >
2015-01-05 15:58:51 +00:00
< div class = "col-sm-8" > < select class = "form-control m-b" name = "account" >
2015-01-05 15:46:13 +00:00
< option > option 1< / option >
< option > option 2< / option >
< option > option 3< / option >
< option > option 4< / option >
< / select >
< div class = "col-lg-4 m-l-n" > < select class = "form-control" multiple = "" >
< option > option 1< / option >
< option > option 2< / option >
< option > option 3< / option >
< option > option 4< / option >
< / select > < / div >
< / div >
< / div >
< div class = "hr-line-dashed" > < / div >
< div class = "form-group has-success" > < label class = "col-sm-2 control-label" > Input with success< / label >
2015-01-05 15:58:51 +00:00
< div class = "col-sm-8" > < input type = "text" class = "form-control" > < / div >
2015-01-05 15:46:13 +00:00
< / div >
< div class = "hr-line-dashed" > < / div >
< div class = "form-group has-warning" > < label class = "col-sm-2 control-label" > Input with warning< / label >
2015-01-05 15:58:51 +00:00
< div class = "col-sm-8" > < input type = "text" class = "form-control" > < / div >
2015-01-05 15:46:13 +00:00
< / div >
< div class = "hr-line-dashed" > < / div >
< div class = "form-group has-error" > < label class = "col-sm-2 control-label" > Input with error< / label >
2015-01-05 15:58:51 +00:00
< div class = "col-sm-8" > < input type = "text" class = "form-control" > < / div >
2015-01-05 15:46:13 +00:00
< / div >
< div class = "hr-line-dashed" > < / div >
< div class = "form-group" > < label class = "col-sm-2 control-label" > Control sizing< / label >
2015-01-05 15:58:51 +00:00
< div class = "col-sm-8" > < input type = "text" placeholder = ".input-lg" class = "form-control input-lg m-b" >
2015-01-05 15:46:13 +00:00
< input type = "text" placeholder = "Default input" class = "form-control m-b" > < input type = "text" placeholder = ".input-sm" class = "form-control input-sm" >
< / div >
< / div >
< div class = "hr-line-dashed" > < / div >
< div class = "form-group" > < label class = "col-sm-2 control-label" > Column sizing< / label >
2015-01-05 15:58:51 +00:00
< div class = "col-sm-8" >
2015-01-05 15:46:13 +00:00
< div class = "row" >
< div class = "col-md-2" > < input type = "text" placeholder = ".col-md-2" class = "form-control" > < / div >
< div class = "col-md-3" > < input type = "text" placeholder = ".col-md-3" class = "form-control" > < / div >
< div class = "col-md-4" > < input type = "text" placeholder = ".col-md-4" class = "form-control" > < / div >
2015-01-03 14:24:34 +00:00
< / div >
2015-01-05 15:46:13 +00:00
< / div >
2015-01-03 14:24:34 +00:00
< / div >
< div class = "hr-line-dashed" > < / div >
2015-01-05 15:46:13 +00:00
< div class = "form-group" > < label class = "col-sm-2 control-label" > Input groups< / label >
2015-01-03 14:24:34 +00:00
2015-01-05 15:58:51 +00:00
< div class = "col-sm-8" >
2015-01-05 15:46:13 +00:00
< div class = "input-group m-b" > < span class = "input-group-addon" > @< / span > < input type = "text" placeholder = "Username" class = "form-control" > < / div >
< div class = "input-group m-b" > < input type = "text" class = "form-control" > < span class = "input-group-addon" > .00< / span > < / div >
< div class = "input-group m-b" > < span class = "input-group-addon" > $< / span > < input type = "text" class = "form-control" > < span class = "input-group-addon" > .00< / span > < / div >
< div class = "input-group m-b" > < span class = "input-group-addon" > < input type = "checkbox" > < / span > < input type = "text" class = "form-control" > < / div >
< div class = "input-group" > < span class = "input-group-addon" > < input type = "radio" > < / span > < input type = "text" class = "form-control" > < / div >
< / div >
< / div >
< div class = "hr-line-dashed" > < / div >
< div class = "form-group" > < label class = "col-sm-2 control-label" > Button addons< / label >
2015-01-05 15:58:51 +00:00
< div class = "col-sm-8" >
2015-01-05 15:46:13 +00:00
< div class = "input-group m-b" > < span class = "input-group-btn" >
< button type = "button" class = "btn btn-primary" > Go!< / button > < / span > < input type = "text" class = "form-control" >
2015-01-03 14:24:34 +00:00
< / div >
2015-01-05 15:46:13 +00:00
< div class = "input-group" > < input type = "text" class = "form-control" > < span class = "input-group-btn" > < button type = "button" class = "btn btn-primary" > Go!
< / button > < / span > < / div >
< / div >
2015-01-03 14:24:34 +00:00
< / div >
< div class = "hr-line-dashed" > < / div >
2015-01-05 15:46:13 +00:00
< div class = "form-group" > < label class = "col-sm-2 control-label" > With dropdowns< / label >
2015-01-05 15:58:51 +00:00
< div class = "col-sm-8" >
2015-01-05 15:46:13 +00:00
< div class = "input-group m-b" >
< div class = "input-group-btn" >
< button data-toggle = "dropdown" class = "btn btn-white dropdown-toggle" type = "button" > Action < span class = "caret" > < / span > < / button >
< ul class = "dropdown-menu" >
< li > < a href = "#" > Action< / a > < / li >
< li > < a href = "#" > Another action< / a > < / li >
< li > < a href = "#" > Something else here< / a > < / li >
< li class = "divider" > < / li >
< li > < a href = "#" > Separated link< / a > < / li >
< / ul >
< / div >
< input type = "text" class = "form-control" > < / div >
< div class = "input-group" > < input type = "text" class = "form-control" >
2015-01-03 14:24:34 +00:00
2015-01-05 15:46:13 +00:00
< div class = "input-group-btn" >
< button data-toggle = "dropdown" class = "btn btn-white dropdown-toggle" type = "button" > Action < span class = "caret" > < / span > < / button >
< ul class = "dropdown-menu pull-right" >
< li > < a href = "#" > Action< / a > < / li >
< li > < a href = "#" > Another action< / a > < / li >
< li > < a href = "#" > Something else here< / a > < / li >
< li class = "divider" > < / li >
< li > < a href = "#" > Separated link< / a > < / li >
< / ul >
< / div >
< / div >
< / div >
< / div >
< div class = "hr-line-dashed" > < / div >
< div class = "form-group" > < label class = "col-sm-2 control-label" > Segmented< / label >
2015-01-05 15:58:51 +00:00
< div class = "col-sm-8" >
2015-01-05 15:46:13 +00:00
< div class = "input-group m-b" >
< div class = "input-group-btn" >
< button tabindex = "-1" class = "btn btn-white" type = "button" > Action< / button >
< button data-toggle = "dropdown" class = "btn btn-white dropdown-toggle" type = "button" > < span class = "caret" > < / span > < / button >
< ul class = "dropdown-menu" >
< li > < a href = "#" > Action< / a > < / li >
< li > < a href = "#" > Another action< / a > < / li >
< li > < a href = "#" > Something else here< / a > < / li >
< li class = "divider" > < / li >
< li > < a href = "#" > Separated link< / a > < / li >
< / ul >
< / div >
< input type = "text" class = "form-control" > < / div >
< div class = "input-group" > < input type = "text" class = "form-control" >
< div class = "input-group-btn" >
< button tabindex = "-1" class = "btn btn-white" type = "button" > Action< / button >
< button data-toggle = "dropdown" class = "btn btn-white dropdown-toggle" type = "button" > < span class = "caret" > < / span > < / button >
< ul class = "dropdown-menu pull-right" >
< li > < a href = "#" > Action< / a > < / li >
< li > < a href = "#" > Another action< / a > < / li >
< li > < a href = "#" > Something else here< / a > < / li >
< li class = "divider" > < / li >
< li > < a href = "#" > Separated link< / a > < / li >
< / ul >
< / div >
< / div >
< / div >
< / div >
< div class = "hr-line-dashed" > < / div >
< div class = "form-group" >
< div class = "col-sm-4 col-sm-offset-2" >
< button class = "btn btn-white" type = "submit" > Cancel< / button >
< button class = "btn btn-primary" type = "submit" > Save changes< / button >
< / div >
< / div >
2015-01-03 14:24:34 +00:00
< / form >
< / div >
< / div >
2015-01-05 14:35:25 +00:00
< / div >
2015-01-03 14:24:34 +00:00
< / div >
2015-01-05 13:29:49 +00:00
< / div >
2015-01-03 14:24:34 +00:00
{% endblock %}
