mirror of https://github.com/ColorlibHQ/gentelella
css fix / form.html update / fix part 2
razvanaldea89
parent
3a688683ac
commit
cd4cb89f5a
|
|
@ -2287,14 +2287,6 @@ a.star {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
button,
|
|
||||||
.buttons,
|
|
||||||
.btn,
|
|
||||||
.modal-footer .btn + .btn {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
margin-right: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-group-vertical .btn, .btn-group .btn {
|
.btn-group-vertical .btn, .btn-group .btn {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
|
|
|
||||||
|
|
@ -1127,60 +1127,64 @@
|
||||||
<form class="form-horizontal form-label-left">
|
<form class="form-horizontal form-label-left">
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="col-sm-3 control-label">Button addons</label>
|
<div class="row">
|
||||||
|
<label class="col-sm-3 control-label">Button addons</label>
|
||||||
|
|
||||||
<div class="col-sm-9">
|
<div class="col-sm-9">
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<span class="input-group-btn">
|
<span class="input-group-btn">
|
||||||
<button type="button" class="btn btn-primary">Go!</button>
|
<button type="button" class="btn btn-primary">Go!</button>
|
||||||
</span>
|
</span>
|
||||||
<input type="text" class="form-control">
|
<input type="text" class="form-control">
|
||||||
</div>
|
</div>
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<input type="text" class="form-control">
|
<input type="text" class="form-control">
|
||||||
<span class="input-group-btn">
|
<span class="input-group-btn">
|
||||||
<button type="button" class="btn btn-primary">Go!</button>
|
<button type="button" class="btn btn-primary">Go!</button>
|
||||||
</span>
|
</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="divider-dashed"></div>
|
<div class="divider-dashed"></div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="col-sm-3 control-label">Button addons</label>
|
<div class="row">
|
||||||
|
<label class="col-sm-3 control-label">Button addons</label>
|
||||||
|
|
||||||
<div class="col-sm-9">
|
<div class="col-sm-9">
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<input type="text" class="form-control"
|
<input type="text" class="form-control"
|
||||||
aria-label="Text input with dropdown button">
|
aria-label="Text input with dropdown button">
|
||||||
<div class="input-group-btn">
|
<div class="input-group-btn">
|
||||||
<button type="button"
|
<button type="button"
|
||||||
class="btn btn-default dropdown-toggle"
|
class="btn btn-default dropdown-toggle"
|
||||||
data-toggle="dropdown"
|
data-toggle="dropdown"
|
||||||
aria-expanded="false">
|
aria-expanded="false">
|
||||||
Action
|
Action
|
||||||
<span class="caret"></span>
|
<span class="caret"></span>
|
||||||
</button>
|
</button>
|
||||||
<ul class="dropdown-menu dropdown-menu-right"
|
<ul class="dropdown-menu dropdown-menu-right"
|
||||||
role="menu">
|
role="menu">
|
||||||
<li><a href="#">Action</a>
|
<li><a href="#">Action</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="#">Another action</a>
|
<li><a href="#">Another action</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="#">Something else here</a>
|
<li><a href="#">Something else here</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="divider"></li>
|
<li class="divider"></li>
|
||||||
<li><a href="#">Separated link</a>
|
<li><a href="#">Separated link</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
|
<!-- /btn-group -->
|
||||||
</div>
|
</div>
|
||||||
<!-- /btn-group -->
|
<div class="input-group">
|
||||||
</div>
|
<input type="text" class="form-control">
|
||||||
<div class="input-group">
|
<span class="input-group-btn">
|
||||||
<input type="text" class="form-control">
|
|
||||||
<span class="input-group-btn">
|
|
||||||
<button type="button" class="btn btn-primary">Go!</button>
|
<button type="button" class="btn btn-primary">Go!</button>
|
||||||
</span>
|
</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1342,11 +1346,14 @@
|
||||||
<div class="ln_solid"></div>
|
<div class="ln_solid"></div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="control-label col-md-3 col-sm-3 col-xs-12">Resizable Text
|
<div class="row">
|
||||||
area</label>
|
<label class="control-label col-md-3 col-sm-3 col-xs-12">Resizable
|
||||||
<div class="col-md-9 col-sm-9 col-xs-12">
|
Text
|
||||||
|
area</label>
|
||||||
|
<div class="col-md-9 col-sm-9 col-xs-12">
|
||||||
<textarea class="resizable_textarea form-control"
|
<textarea class="resizable_textarea form-control"
|
||||||
placeholder="This text area automatically resizes its height as you fill in more text courtesy of autosize-master it out..."></textarea>
|
placeholder="This text area automatically resizes its height as you fill in more text courtesy of autosize-master it out..."></textarea>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1550,7 +1557,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<div clas="row">
|
<div class="row">
|
||||||
<label class="control-label col-md-3" for="last-name">Last Name <span
|
<label class="control-label col-md-3" for="last-name">Last Name <span
|
||||||
class="required">*</span>
|
class="required">*</span>
|
||||||
</label>
|
</label>
|
||||||
|
|
@ -1570,7 +1577,7 @@
|
||||||
grid
|
grid
|
||||||
<b>.col-</b> class or wrap the form in the <b>form-vertical</b> class.
|
<b>.col-</b> class or wrap the form in the <b>form-vertical</b> class.
|
||||||
</p>
|
</p>
|
||||||
<div class="col-md-8 center-margin">
|
<div class="col-md-8 offset-md-2">
|
||||||
<form class="form-horizontal form-label-left">
|
<form class="form-horizontal form-label-left">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label>Email address</label>
|
<label>Email address</label>
|
||||||
|
|
@ -1590,21 +1597,32 @@
|
||||||
left-aligned
|
left-aligned
|
||||||
and inline-block controls.
|
and inline-block controls.
|
||||||
</p>
|
</p>
|
||||||
<form class="form-inline">
|
<form class="row">
|
||||||
<div class="form-group">
|
<div class="form-group col-md-12">
|
||||||
<label for="ex3">Email address</label>
|
<div class="row">
|
||||||
<input type="text" id="ex3" class="form-control" placeholder=" ">
|
<label for="ex3" class="col-md-12">Email address</label>
|
||||||
|
<div class=" col-md-12">
|
||||||
|
<input type="text" id="ex3" class="form-control"
|
||||||
|
placeholder=" ">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group col-md-12">
|
||||||
<label for="ex4">Email address</label>
|
<div class="row">
|
||||||
<input type="email" id="ex4" class="form-control" placeholder=" ">
|
<label for="ex4" class="col-md-12">Email address</label>
|
||||||
|
<div class=" col-md-12">
|
||||||
|
<input type="email" id="ex4" class="form-control" placeholder=" ">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="checkbox">
|
<div class="checkbox col-md-12">
|
||||||
<label>
|
<label>
|
||||||
<input type="checkbox"> Remember me
|
<input type="checkbox"> Remember me
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<button type="submit" class="btn btn-default">Send invitation</button>
|
<div class="col-md-12">
|
||||||
|
<button type="submit" class="btn btn-default">Send invitation</button>
|
||||||
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue