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>