Bootstrap 3 centered inputs
by Julian
HTML
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-4 col-xs-8 col-xs-offset-2 col-md-offset-2 col-sm-offset-2 col_1" >
<form>
<label for="start"></label>
<input type="text" id="start" class="date-input-css" name="start" placeholder="From">
</div>
<div class="col-md-4 col-sm-4 col-xs-8 col_2" >
<label for="end"></label>
<input type="text" id="end" name="end" class="date-input-css" placeholder="To">
</div>
</div>
<div class="row">
<div class="col-md-8 col-sm-8 col-xs-10 col-md-offset-2 col-xs-offset-2 col-sm-offset-2 button" >
<button type="submit" id="submitMe" class="btn btn-green btn-small pull-right">UPDATE</button>
<input type="hidden" name="username" value="<?php echo $username; ?>">
CSS
/* Latest compiled and minified CSS included as External Resource*/
/* Optional theme */
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
div.center_me {
border:1px solid red;
}
JavaScript
/* Latest compiled and minified JavaScript included as External Resource */