Html 一行中的引导按钮

这是我的代码，我不知道如何将按钮并排放置。（顺便说一句，我是新的编码）

1.klasse
2.klasse

只需将按钮放在同一表单和div中即可

<div class="second">
     <div class="col-md-12 text-center">
           <form>
                <button class="btn btn-primary btn-lg" type="submit" formaction="1klasse.html">1.klasse </button>
                <button class="btn btn-primary btn-lg" type="submit" formaction="1klasse.html">2.klasse </button>
            </form>
      </div>
</div>

1.klasse
2.klasse

1.klasse
2.klasse

1.klasse
2.klasse

按钮位于不同的列中，因此向下移动了一行

阅读更多关于

---

在研究下面的答案之前，我建议您阅读boostrap网格系统。每行有12列

第一个

使用了12列，这就是为什么第二个

的第二个按钮位于新行/行上的原因

更多详细信息可在此处找到：

---

由于您使用的是引导，因此有几件事您需要知道：

.col类如果不将该类放入.container和.row类中，则该类将无法工作。另一件重要的事情是，列的数字大小加起来是12；现在你的加20。因此，您的代码应该更像这样：

<div class="container">
  <div class="row">
    <div class="col-12 col-md-6">
       <form>
        <button class="btn btn-primary btn-lg" type="submit" formaction="1klasse.html">1.klasse </button>
       </form>
    </div>
    <div class="col-12 col-md-6">
      <form>
        <button class="btn btn-primary btn-lg" type="submit" formaction="1klasse.html">1.klasse </button>
       </form>
    </div>
  </div>
</div>

1.klasse
1.klasse

<div class="row second">
    <div class="col-md-4 text-center">
            <form>
                 <button class="btn btn-primary btn-lg" type="submit" formaction="1klasse.html">1.klasse </button>
            </form>
    </div>

    <div class="col-md-8 text-center">
            <form>
                <button class="btn btn-primary btn-lg" type="submit" formaction="1klasse.html">2.klasse </button>
            </form>
    </div>
</div>

<div class="second">
       <div class="col-md-12 text-center">
           <form>
        <button class="btn btn-primary btn-lg" type="submit" formaction="1klasse.html">1.klasse </button>
                <button class="btn btn-primary btn-lg" type="submit" formaction="1klasse.html">2.klasse </button>
            </form>
        </div>
    </div>

<div class="container">
  <div class="row">
    <div class="col-12 col-md-6">
       <form>
        <button class="btn btn-primary btn-lg" type="submit" formaction="1klasse.html">1.klasse </button>
       </form>
    </div>
    <div class="col-12 col-md-6">
      <form>
        <button class="btn btn-primary btn-lg" type="submit" formaction="1klasse.html">1.klasse </button>
       </form>
    </div>
  </div>
</div>