Css 输入组高度时（跨度-输入-按钮）_Css_Twitter Bootstrap_Twitter Bootstrap 3

Css 输入组高度时（跨度-输入-按钮）

css twitter-bootstrap twitter-bootstrap-3

Css 输入组高度时（跨度-输入-按钮）,css,twitter-bootstrap,twitter-bootstrap-3,Css,Twitter Bootstrap,Twitter Bootstrap 3,尝试使用Bootstrap 3.3.7构建一个3控件输入组，但是第一个加载项的高度与下面的输入nor按钮不匹配 <div class="input-group"> <span class="input-group-addon">Amount</span> <input type="text" class="form-control" /> <div class="input-group-btn">

尝试使用Bootstrap 3.3.7构建一个3控件输入组，但是第一个加载项的高度与下面的输入nor按钮不匹配

<div class="input-group">
    <span class="input-group-addon">Amount</span>
    <input type="text" class="form-control" />
    <div class="input-group-btn">
        <button class="btn">Submit</button>
    </div>
</div>


数量
提交

有人有解决此设计的工作示例吗？

首先，您的

标签在哪里

是否要在输入字段中提交？还是它下面的提交按钮

您还需要在其周围放置表单，您的输入可以声明为数字，因为它是数量；您的输入字段还需要一个名称。“提交”按钮是类型为“提交”的输入按钮：例如：

您还可以在正文class='container'上声明

<body class="container">
    <form id="youWantToGiveThisAName" class="form-group">
    <label for="amountOfSomething"></label>
    <div class="input-group">
        <span class="input-group-addon">Amount</span>
        <input type="number" name="amountOfSomething" id="amountOfSomething" class="form-control" value="0.00000121">
    </div>
    <div>
        <input type="submit" class="btn btn-coinchecker pull-right" value="submit" id="submit">
    </div>
</form>
</body>


数量

下面是一个示例，首先查看结果，您的

标签在哪里

是否要在输入字段中提交？还是它下面的提交按钮

您还可以在正文class='container'上声明

<body class="container">
    <form id="youWantToGiveThisAName" class="form-group">
    <label for="amountOfSomething"></label>
    <div class="input-group">
        <span class="input-group-addon">Amount</span>
        <input type="number" name="amountOfSomething" id="amountOfSomething" class="form-control" value="0.00000121">
    </div>
    <div>
        <input type="submit" class="btn btn-coinchecker pull-right" value="submit" id="submit">
    </div>
</form>
</body>


数量

下面是一个可以看到结果的例子