Php 响应地显示引导

我是拉威尔的新手，我有一个项目，我希望“导航”能像在电脑或笔记本上一样显示在手机上

我的笔记本：

1º 2º 3º 

我的电话：

1º
2º
3º

我的前代码：

<nav>
  <div class="nav nav-tabs" id="nav-tab" role="tablist">
    <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">1º</a>
    <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">2º</a>
    <a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false">3º</a>
  </div>
</nav>
<div class="tab-content" id="nav-tabContent">
  <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">ex:1º</div>
  <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">ex:2º</div>
  <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">ex:3º</div>
</div>

ex:1º
ex:2º
ex:3º

这是在一行中添加正确数量的列的问题

你应该检查一下网格系统

---

位于顶部，但被选中时无法选择其他选项，例如，如果我选择“1”，则无法选择“2”或“3”，因为选择了“1”

<nav>
    <div class="nav nav-tabs" id="nav-tab" role="tablist">
        <div class="row">
           <div class="col-4">
            <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">1º</a>
           </div>
           <div class="col-4">
            <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">2º</a>
           </div>
           <div class="col-4">
            <a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false">3º</a>
           </div>
        </div>
    </div>  
</nav>