Bootstrap表單不顯示內聯

Question

有一個彈出式模式我試圖把一個內聯表單英寸。不幸的是，雖然我遵循引導的建議對他們的文檔，它不顯示內聯。當我把它放在fiddle.js上時，它完美地工作。抓住我的腦袋爲什麼這不起作用。

下面的代碼：

<form class="form-inline" role="form"> 
    <input class="required" style="" placeholder="where should I send it?"></input> 
    <input type="submit" class="button-main" value="download"></input> 
</form> 

形式是在這裏：http://jackalopemedia.com/exp（點擊 「我要註冊」）

下面是使用它的小提琴：

http://jsfiddle.net/h3Ds4/

Answer 1

<input type="submit" class="button-main" value="download"></input> 

應該

<button type="submit" class="btn btn-default" value="download"> 

btn-default是與任何其他互換BTN你想使用如下所示：http://getbootstrap.com/css/#buttons

Answer 2

Make sure you are using the correct markup

<form class="form-inline" role="form"> 
    <div class="form-group"> 
    <label class="sr-only" for="exampleInputEmail2">Email address</label> 
    <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email"> 
    </div> 
    <div class="form-group"> 
    <label class="sr-only" for="exampleInputPassword2">Password</label> 
    <input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password"> 
    </div> 
    <div class="checkbox"> 
    <label> 
     <input type="checkbox"> Remember me 
    </label> 
    </div> 
    <button type="submit" class="btn btn-default">Sign in</button> 
</form>