css - Bootstrap 3 - 移动 View 上的替换按钮

Question

我正在使用 Bootstrap 3:

<ul class="dropdown-menu btn-block">
      <li><a href="#">Reason 1</a></li>
     <!-- desktop -->
      <li><a href="#" class="visible-md visible-lg">Reason 2</a></li>
     <!-- mobile -->
      <li><a href="onClick:abc();" class="visible-xs visible-sm">Reason 3</a></li>

    </ul>

使用 Bootstrap 为不同设备替换元素(按钮、div、文本 ecc)的最佳做法是什么？

Answer 1

添加.visible-lg对于 <li>reason2</li>并添加 .visible-sm对于 <li>reason3</li> .