一行中的 Bootstrap 按钮

Question

纽扣

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

<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>
               </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>

Answer 1

由于您使用的是 bootstrap，因此您需要了解以下几点：

如果不将类放入 .container 和 .row 类中，.col 类将无法工作。另一个重要的事情是列数字大小加起来为 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>

这是一个代码笔来展示它的工作原理

另请参阅有关网格的 Bootstrap 文档