Skip to content

Instantly share code, notes, and snippets.

@dawidadach
Last active August 29, 2015 14:19
Show Gist options
  • Save dawidadach/19a063d43d038558536c to your computer and use it in GitHub Desktop.
Save dawidadach/19a063d43d038558536c to your computer and use it in GitHub Desktop.
Datepicker_3
<form action="submit">
<div class="container">
<div class="row">
<div class="row">
<div class="col-sm-12">
<legend>Personal information:</legend>
First name:<br>
<input type="text" name="firstname" value="Mickey">
</div>
<div class="col-sm-12">
Last name:<br>
<input type="text" name="lastname" value="Mouse">
</div>
<div class="col-xs-12 col-sm-2">
<div class="controls">
Birth date:<br>
<input type="text" name="birthdate"/>
<input type="submit" value="Submit">
</div>
</div>
</div>
</div>
</div>
</form>
@alexandru-paduraru
Copy link

Hi Dawid, the article looks really good, I changed the image for the "featured image" and I also have a suggestion on improving the code. In this way the users will explore the full value of bootstrap and our items.

Here is the new code that I recommend and I need a little help from you to change it. I will make the necessary change for the image too.

 <div class="container">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <form action="submit" class="form-horizontal">
                <legend>Personal information:</legend>
                <div class="form-group">
                    <label class="col-sm-4 control-label">First Name</label>
                    <div class="col-sm-8">
                        <input type="text" name="firstname" class="form-control" placeholder="Mickey">
                    </div>
                </div>  

                <div class="form-group">
                    <label class="col-sm-4 control-label">Last Name</label>
                    <div class="col-sm-8">
                        <input type="text" name="lastname" class="form-control" placeholder="Mouse">
                    </div>
                </div>  

                <div class="form-group">
                    <label class="col-sm-4 control-label">Birth date</label>
                    <div class="col-sm-8">
                        <input type="text" name="birthdate" class="form-control">
                    </div>
                </div>  

                <div class="form-group">
                    <div class="col-sm-offset-4 col-sm-8">
                      <input type="submit" value="Submit" class="btn btn-default">
                    </div>
                </div>

            </form>          
        </div>
    </div>
  </div>

Let me know what do you think about the new design changes :-)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment