Html 更改行/列引导

我想更改一些列的外观，因为在响应模式下，这不是一个好的顺序

这里有代码：

  <div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
  <div class="container">
    <div class="row">
      <div class="col clienti">
        <h4><font color="green">1.</font> Te inregistrezi pe platforma<br>  Creeaza cont</h4><br>
        <h4><font color="green">3.</font> Primeste oferte la solicitarea ta.<br></h4><p>Relaxeaza-te, vei fi notificat de fiecare data<br>cand primesti o oferta noua.</p><br>
        <h4><font color="green">5.</font> Asteapta ca oferta ta sa fie acceptata si de<br>comerciant.</h4><br>
      </div>
      <div class="col clienti">
        <h4><font color="green">2.</font> Incarca solicitare noua.</h4><br><br>
        <h4><font color="green">4.</font> Accepta oferta potrivita nevoilor tale. <br></h4><f><br><br><br>
        <h4><font color="green">6.</font> Alege modalitatea de plata si locul <br>de unde sa ridici coletul.</h4><br>
      </div>
    </div>
</div>
</div>
<div class="tab-pane fade show active" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">...</div>
<div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">...</div>

1.在Registrezi pe platforma
Creeaza cont

3.拉科斯塔地区的首席律师。

5.您可以随时接受您的要求。

2.因波顿卡诺阿。


4.接受波提维塔的故事




6.这是一个很好的例子
...
...

在响应模式下，这显示错误的顺序1,3,5,2,4,6。在响应模式下，1,2,3,4,5,6，但在正常模式下使用相同的样式时，必须进行哪些更改才能实现良好的顺序

非常感谢

您可以尝试使用“col-6”，这样它将使用一半的宽度，如下所示：

<div class="row">
  <div class="col-md-6"><h4>1. Content</h4></div>
  <div class="col-md-6"><h4>2. Content</h4></div>
  <div class="col-md-6"><h4>3. Content</h4></div>
  <div class="col-md-6"><h4>4. Content</h4></div>
  <div class="col-md-6"><h4>5. Content</h4></div>
  <div class="col-md-6"><h4>6. Content</h4></div>
</div>

1.内容
2.内容
3.内容
4.内容
5.内容
6.内容

---

在本例中，我使用了col-md-6，因此对于任何中等或更大尺寸的屏幕，它都有2列。对于间距，可以向类添加填充，如“p-md-3”。请务必查看boostrap的文档以了解更多信息：）

您所说的“响应模式”和“正常模式”是什么意思。一个响应性强的网页会根据视口的大小进行调整，这在现在是很正常的。它不是网站有模式的东西。“这是一种模式，网站可以根据您的显示进行调整，如果您单击此按钮，则不会！”元素

已过时。不要用它<代码>
是为了在文本的中间放置一个断线，它不是一个边距的替代物。既然你在使用BooGub 4，你可以试试这个：我能代替什么？