Move the "form-group" div to the top of the carousel div. Like this:
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<div class="form-group">
....
</div>
other carousel html here...
</div>
Then add this css:
div#carousel-example-generic {
position:relative;
}
div.form-group {
position:absolute;
z-index:9999999;
top:20px; /* change to whatever you want */
left:10px; /* change to whatever you want */
right:auto; /* change to whatever you want */
bottom:auto; /* change to whatever you want */
}
This will work in all browsers (IE6+).