1
0
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:
codecalm
2019-07-29 23:38:59 +02:00
parent 47ea9b24f8
commit 4f954f6996
21 changed files with 143 additions and 185 deletions
+5 -5
View File
@@ -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 -1
View File
@@ -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 -1
View File
@@ -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&hellip;">
+1 -1
View File
@@ -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 %}
+4 -13
View File
@@ -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>