Here is the HTML code I am working with:
<div id = "search_form" >
<h1> Looking for travel ideas? </h1>
<div class="input-group">
<form action="" method="get" id = "search-form" >
{% csrf_token %}
<div class="col-xs-6">
{{ form.as_p }}
{{ form.media }}
</div>
<div class="col-xs-6">
<span class="input-group-btn">
<button class="btn btn-primary" id="search_submit" name = "search_submit" type="submit" value = "submit" ><span class="glyphicon glyphicon-search"></span></button>
</span>
</div>
</form>
</div>
</div
I am trying to center this horizontally on the page. I attempted to use the col-md-offset-3 class but it didn't work as expected.