巨无霸并排渲染

Question

我正在尝试更新我的网站，并希望有两个并列的巨型飞行器，但它们始终在堆栈位置进行渲染？我想念什么？

从另一个线程借来的代码：

MERCHANT_KEY = "rjQUPktU"
MERCHANT_ID = "4934580"

Answer 1

需要更改您的标记。

  

以全屏模式打开代码段

<link href="https://stackpath.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css" rel="stylesheet"/>

<div class="container">
  <div class="row">
    <div class="col-md-6 col-sm-6">
      <div class="jumbotron text-center">
        <h1>Become Awesome</h1>
        <p>Here you will learn how to become awesome.</p>
        <a class="btn btn-danger pull-right" href="{% url 
 'awesome_info' %}">More Info</a> </div>
    </div>
    <div class="col-md-6 col-sm-6">
      <div class="jumbotron text-center">
        <h1>Here you will learn how to become super rad.</h1>
        <p>Tubular dude.</p>
        <a class="btn btn-success" href="{% url 'rad_info' %}" 
  role="button">More Info</a> </div>
    </div>
  </div>
</div>