twitter bootstrap search box and buttons allignment "google like"
===

I am trying to use twitter bootstrap for my new blog project, and I am trying to get the search box to work. To this end, I am using the following code:

    <div class="row">
        <div class="span8 offset2">
            <form class="well form-search">
                <input type="text" class="input-xxlarge search-query">
                <button type="submit" class="btn btn-primary">Search</button>
            </form>
        </div>
    </div>

However, what this does is layout the "search button" next to the search box which is not what I'd like. I'd want it looking similar the google landing page, with 2 buttons on the bottom of the box and aligned "centre" to the box. I tried many different options (like a separate div), but I am not able to achieve this.

Secondly, as in the google landing page, I'd want to offset rows, to align it(the box and the two buttons) in the center of the page if possible. Again, I am struggling to figure out how to offset rows (but I am able to offset columns).

I'd appreciate any guidance on this. Thanks for your time.