github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

add three new styles examples in forms/general

pull/3046/head
REJack 2020-09-22 15:02:28 +02:00
parent e4bc0c45c9
commit e8744690ce
1 changed files with 50 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
pages/forms/general.html
View File

@ -865,6 +865,56 @@
</div>
<!-- /.card -->
<!-- general form elements -->
<div class="card card-primary">
<div class="card-header">
<h3 class="card-title">Different Styles</h3>
</div>
<!-- /.card-header -->
<div class="card-body">
<h4>Input</h4>
<div class="form-group">
<label for="exampleInputBorder">Bottom Border only <code>.form-control-border</code></label>
<input type="text" class="form-control form-control-border" id="exampleInputBorder" placeholder=".form-control-border">
</div>
<div class="form-group">
<label for="exampleInputBorderWidth2">Bottom Border only 2px Border <code>.form-control-border.border-width-2</code></label>
<input type="text" class="form-control form-control-border border-width-2" id="exampleInputBorderWidth2" placeholder=".form-control-border.border-width-2">
</div>
<div class="form-group">
<label for="exampleInputRounded0">Flat <code>.rounded-0</code></label>
<input type="text" class="form-control rounded-0" id="exampleInputRounded0" placeholder=".rounded-0">
</div>
<h4>Custom Select</h4>
<div class="form-group">
<label for="exampleSelectBorder">Bottom Border only <code>.form-control-border</code></label>
<select class="custom-select form-control-border" id="exampleSelectBorder">
<option>Value 1</option>
<option>Value 2</option>
<option>Value 3</option>
</select>
</div>
<div class="form-group">
<label for="exampleSelectBorderWidth2">Bottom Border only <code>.form-control-border.border-width-2</code></label>
<select class="custom-select form-control-border border-width-2" id="exampleSelectBorderWidth2">
<option>Value 1</option>
<option>Value 2</option>
<option>Value 3</option>
</select>
</div>
<div class="form-group">
<label for="exampleSelectRounded0">Flat <code>.rounded-0</code></label>
<select class="custom-select rounded-0" id="exampleSelectRounded0">
<option>Value 1</option>
<option>Value 2</option>
<option>Value 3</option>
</select>
</div>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
<!-- Form Element sizes -->
<div class="card card-success">
<div class="card-header">