Html Bootstrap 3.3.7-表单内联-输入和按钮同一行

输入和按钮在同一行上正常工作，但输入大小较小，且有较大的空间

我希望它是100%的全尺寸，在输入和按钮下面的一行，你看到了吗？我的HTML是：

<form class="form-inline"> 
    <div class="form-group"> 
        <input type="email" class="form-control emailNewsletter" placeholder="Your Email goes here">
    </div> 
    <div class="form-group"> 
        <button type="submit" class="btn btn-default">Sign Up!</button> 
    </div> 
</form>

注册

设置

。注册表单

至

显示：flex和
flex:10自动将按钮放在输入字段旁边，并让它占据整个宽度。您只需要将输入字段设置为100%宽度


.forminline{
显示器：flex；
}
.报名表格{
显示器：flex；
弹性：10自动；
}
.电邮通讯{
宽度：100%；
}

注册
@Augustodomingo如果这个答案对你有效，请确保接受它作为最佳答案。