Question

我试图找出是否可以隐藏和切换Bootstrap 3中的网格系统，就像你可以使用导航栏一样？如同使用导航栏一样，您可以将其隐藏在较小的屏幕尺寸中，并在单击图标时进行扩展，以显示所有链接。

我决定将网站的导航转换为网格系统，并省略了导航栏以便我可以实现某种外观，但现在在较小的屏幕中，我不希望链接必须是可见的整个时间，所以它不会混乱。它们垂直堆叠在一起，非常好，但它占用了很多空间。

我希望这是有道理的......

这是我用于网格系统的html层次结构。我只包括六列中的一列，因为它们在每列中完全相同，因此在这里没有大量代码。如果我需要显示任何其他代码，请告诉我

<div class="container-fluid">

  <div class="row" style="text-align: center; padding: 0px; background-color: #1a83a3; ">

    <div class="col-md-2">

      <div class="list-group" style="padding: 0px; margin: 0px;">

        <a class="list-group-item" href="index.html">

          <h4 class="linky">About Us</h4>

          <p class="nav">Our Community</p>

        </a>

      </div><!-- END OF LISTGROUP -->
    </div><!-- END OF COL -->
  </div><!-- END OF ROW -->
</div><!-- END OF CONTAINER -->

Bootstrap 3，使用与网格系统切换

0 个答案: