mirror of
https://github.com/tabler/tabler.git
synced 2026-07-29 14:34:37 +04:00
update form controls to newest bootstrap
This commit is contained in:
@@ -1,18 +1,18 @@
|
||||
<fieldset class="form-fieldset">
|
||||
<div class="form-group">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Full name<span class="form-required">*</span></label>
|
||||
<input type="text" class="form-control"{{ site.base }}/>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Company<span class="form-required">*</span></label>
|
||||
<input type="text" class="form-control"{{ site.base }}/>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Email<span class="form-required">*</span></label>
|
||||
<input type="email" class="form-control"{{ site.base }}/>
|
||||
</div>
|
||||
<div class="form-group mb-0">
|
||||
<div class="mb-2 mb-0">
|
||||
<label class="form-label">Phone number</label>
|
||||
<input type="tel" class="form-control"{{ site.base }}/>
|
||||
</div>
|
||||
</fieldset>
|
||||
</fieldset>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<div class="form-group">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Color Input</label>
|
||||
<div class="row row-xs">
|
||||
{% for color in site.colors limit: 9 offset: 1 %}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<div class="form-group">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Icon input</label>
|
||||
<div class="input-icon mb-3">
|
||||
<input type="text" class="form-control" placeholder="Search for…">
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{% assign limit = include.limit | default: 6 %}
|
||||
<div class="form-group">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Image Check</label>
|
||||
<div class="row row-xs">
|
||||
{% for photo in site.data.photos limit: limit offset: 30 %}
|
||||
|
||||
@@ -1,15 +1,6 @@
|
||||
<div class="form-group">
|
||||
<div class="mb-2">
|
||||
<div class="form-label">Toggle switches</div>
|
||||
<label class="custom-control custom-switch">
|
||||
<input type="checkbox" class="custom-control-input">
|
||||
<div class="custom-control-label">Option 1</div>
|
||||
</label>
|
||||
<label class="custom-control custom-switch">
|
||||
<input type="checkbox" class="custom-control-input">
|
||||
<div class="custom-control-label">Option 2</div>
|
||||
</label>
|
||||
<label class="custom-control custom-switch">
|
||||
<input type="checkbox" class="custom-control-input">
|
||||
<div class="custom-control-label">Option 3</div>
|
||||
</label>
|
||||
{% include ui/form/check.html switch=true title="Option 1" checked=true %}
|
||||
{% include ui/form/check.html switch=true title="Option 2" %}
|
||||
{% include ui/form/check.html switch=true title="Option 3" %}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user