: How can I style this following form to Inline form? SEE the link: http://samuelgeorgeo.com/cc/NEWDESIGN/ I have a site based on Twitter Bootstrap. I have two main elements on the page, the bottom

@Jessie844

You are using bootstrap, and there would be more elegant ways of solving it, but here is one little hack.

You have some styles hard-coded into the html, and I would strongly suggest you remove those and put them into your css. Further; I would recommend that you create your own stylesheet, and use that for overrides from the Bootstrap stylesheet.

Anyway, here goes my little hack. As I said, it is not very elegant, but it is simple:

This is what you have; this is the structures of your divs:



Here is what you have to do:
in html, change

<form class="form-inline" role="form">


to

<form class="form-inline container" role="form">


change

<div class="col-xs-7">


to

<div class="col-xs-9">


Here is the result:



And then removing the guiding frames:

Vote Up Vote Down