Bootstrap Clean Fiddle

This is with Bootstrap on a CDN so it's just ready to fiddle.

by sulfureous

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<div class="row-fluid">
    <!--- BASIC INFO --->
    <div class="span12 well" style="height: 160px; background-color:">
        <input type="text" class="input-small" placeholder="Eye Color">
        <input type="text" class="input-mini" placeholder="Hair">
        <div class="input-prepend">
            <div class="btn-group">
                <button class="btn dropdown-toggle" data-toggle="dropdown">
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li>
                        <a>aa</a>
                    </li>
                    <li>
                        <a>aa</a>
                    </li>
                    <li>
                        <a>aa</a>
                    </li>
                </ul>
            </div>
            <input class="span4" id="prependedDropdownButton" type="text"  placeholder="Hair">
        </div>
        <div class="input-prepend">
            <div class="btn-group">
                <button class="btn dropdown-toggle" data-toggle="dropdown">
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li>
                        <a>mm</a>
                    </li>
                    <li>
                        <a>mm</a>
                    </li>
                    <li>
                        <a>mm</a>
                    </li>
                </ul>
            </div>
            <input class="span4" id="prependedDropdownButton" type="text"  placeholder="Hair">
        </div>
    </div>
</div>