无论如何我可以使用bootstrap创建一个表单,它可以在同一行和水平字段中对齐字段?

像这样的东西?
在这个cvv MM和YY在同一行.如何才能使用bootstrap形式?
<form role="form">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label><input type="email" class="form-control" id="exampleInputEmail1" />
</div>
<div class="form-group">
<label for="exampleInputEmail1">CVV</label><input type="email" class="form-control" id="cvv" />
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label><input type="password" class="form-control" id="exampleInputPassword1" />
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div>
Run Code Online (Sandbox Code Playgroud)
我希望cvv与第一个表单字段对齐
我有这个HTML
<input type="text" id="one" />
<input type="text" id="two" />
<button type="button" id="onebtn" >hide</button>
Run Code Online (Sandbox Code Playgroud)
和js一样
$('#onebtn').on('click',function(){
$('#one').fadeOut('slow',function(){
$('#two').fadeIn('slow');
});
});
Run Code Online (Sandbox Code Playgroud)
但这似乎不起作用,但如果我使用<input type="button" />它,但我想使用<button ></button>