Bootstrap 3 - 移动视图上的“替换”按钮

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替换元素（button，div，text ecc）的最佳做法是什么？

Answer 1

为.visible-lg添加<li>reason2</li>，为.visible-sm添加<li>reason3</li>。