首页 文章

btn类不会在按钮之间创建空间

提问于
浏览 次
1

这是我的应用程序中的代码 . 所有引导程序类都在这个应用程序中工作，但是在 btn 类的情况下，它不会给出默认的 margin . 我在codepen上尝试了代码，它给了 margin 但是在我的应用程序上 margin 不存在 . 按钮保持在一起 .

可能是什么问题？

<div class="row">
  <div class="col-xs-12">
    <form>
      <div class="row">
        <div class="col-sm-5 form-group">
          <label for="name">Ingredient name</label>
          <input type="text" id="name" class="form-control">
        </div>
        <div class="col-sm-2 form-group">
          <label for="amount">Amount</label>
          <input type="number" id="amount" class="form-control">
        </div>
      </div>
      <div class="row">
        <div class="col-xs-12">
          <button type="submit" class="btn btn-success">Add</button>
          <button type="button" class="btn btn-danger">Delete</button>
          <button type="button" class="btn btn-primary">Clear</button>
        </div>
      </div>
    </form>
  </div>
</div>
html css twitter-bootstrap-3

1 回答

  • 1

    如果你向我们展示结果会有所帮助 - 我不知道问题是什么 . 我在下面的代码中看到了一个空格 - 我只是复制了你的代码 . 如果你想增加更多的余量，只需在下面的代码中添加一些css代码即可 .

    .btn {
  margin: 10px;
}

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row">
  <div class="col-xs-12">
    <form>
      <div class="row">
        <div class="col-sm-5 form-group">
          <label for="name">Ingredient name</label>
          <input type="text" id="name" class="form-control">
        </div>
        <div class="col-sm-2 form-group">
          <label for="amount">Amount</label>
          <input type="number" id="amount" class="form-control">
        </div>
      </div>
      <div class="row">
        <div class="col-xs-12">
          <button type="submit" class="btn btn-success">Add</button>
          <button type="button" class="btn btn-danger">Delete</button>
          <button type="button" class="btn btn-primary">Clear</button>
        </div>
      </div>
    </form>
  </div>
</div>
    回复于

相关问题