巨无霸并排渲染

时间:2018-10-06 05:32:57

标签: css

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

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

MERCHANT_KEY = "rjQUPktU"
MERCHANT_ID = "4934580"

1 个答案:

答案 0 :(得分:0)

需要更改您的标记。

  

以全屏模式打开代码段

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