javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

form row fixes

Browse Source
This commit is contained in:
Adam Bradley
2013-09-10 11:00:25 -05:00
parent 5a35604cbd
commit 8ba2411eb0
6 changed files with 47 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
example/input-text.html
View File

@@ -84,25 +84,25 @@
<h3>Inline Label On Top Of Text Input, Not Inset, No Content Padding</h3>
<div class="form-group">
<label class="input-wrapper row-fluid">
<span class="input-label span4">Username</span>
<input class="span8" type="text" placeholder="@drifty">
<label class="input-wrapper row">
<span class="input-label col-xs-4">Username</span>
<input class="col-xs-8" type="text" placeholder="@drifty">
</label>
<label class="input-wrapper row-fluid">
<span class="input-label span4">Email</span>
<input class="span8" type="email" placeholder="your@email.com">
<label class="input-wrapper row">
<span class="input-label col-xs-4">Email</span>
<input class="col-xs-8" type="email" placeholder="your@email.com">
</label>
<label class="input-wrapper row-fluid">
<span class="input-label span4">First Name</span>
<input class="span8" type="text" placeholder="Sir Derp">
<label class="input-wrapper row">
<span class="input-label col-xs-4">First Name</span>
<input class="col-xs-8" type="text" placeholder="Sir Derp">
</label>
</div>
<h3>Inline Label On Top Of Text Input, Is Inset, No Content Padding</h3>
<div class="form-group inset">
<label class="input-wrapper row-fluid">
<span class="input-label span3">Email</span>
<input class="span9" type="text" placeholder="your@email.com">
<label class="input-wrapper row">
<span class="input-label col-xs-4">Email</span>
<input class="col-xs-8" type="text" placeholder="your@email.com">
</label>
</div>
@@ -110,27 +110,27 @@
<h3>Inline Label On Top Of Text Input, Not Inset, With Content Padding</h3>
<div class="form-group">
<label class="input-wrapper row-fluid">
<span class="input-label span3">First Name</span>
<input class="span9" type="text" placeholder="John">
<label class="input-wrapper row">
<span class="input-label col-xs-4">First Name</span>
<input class="col-xs-8" type="text" placeholder="John">
</label>
<label class="input-wrapper row-fluid">
<span class="input-label span3">Last Name</span>
<input class="span9" type="text" placeholder="Suhr">
<label class="input-wrapper row">
<span class="input-label col-xs-4">Last Name</span>
<input class="col-xs-8" type="text" placeholder="Suhr">
</label>
</div>
<h3>Inline Label On Top Of Text Input, Is Inset, With Content Padding</h3>
<div class="form-group inset">
<label class="input-wrapper row-fluid">
<span class="input-label span3">Email</span>
<input class="span9" type="text" placeholder="your@email.com">
<label class="input-wrapper row">
<span class="input-label col-xs-4">Email</span>
<input class="col-xs-8" type="text" placeholder="your@email.com">
</label>
</div>
<div class="form-group inset">
<label class="input-wrapper row-fluid">
<span class="input-label span3">Filter By Name</span>
<input class="span9" type="text" placeholder="Enter keywords">
<label class="input-wrapper row">
<span class="input-label col-xs-4">Filter By Name</span>
<input class="col-xs-8" type="text" placeholder="Enter keywords">
</label>
</div>