メニュー項目を小さな画面で非表示にし、メニューをドロップダウンします。ブートストラップ3

Question

ブートストラップを使用する3画面のサイズを変更すると、以下のコード例のように2つのメニュー項目を非表示にできます。問題は、これらのアイテムは、スクリーンが小さいサイズにリサイズされたときに表示されるドロップダウンメニュー（左上に3つのバーが表示されます）に表示されることです。それらを隠しておく方法はありますか？

<div class="navbar-collapse collapse"> 
    <ul class="nav navbar-nav"> 
     <li> <a id="mobileTab">Start</a></li> 
     <li> <a id="mobilityActivityTab" href="#">Tasks</a></li> 
     <li class="hidden-sm"> <a id="activityTab">Activity</a></li> 
     <li class="hidden-sm"> <a id="clientAcctTab">Accounts</a></li> 
    </ul> 
    @Html.Partial("_LoginPartial") 
</div> 

注：わかりやすくするために、いくつかのコードを削除しました。

Answer 1

あなたは携帯電話FYI

<div class="navbar-collapse collapse"> 
    <ul class="nav navbar-nav"> 
     <li> <a id="mobileTab">Start</a></li> 
     <li> <a id="mobilityActivityTab" href="#">Tasks</a></li> 
     <li class="hidden-xs hidden-sm"> <a id="activityTab">Activity</a></li> 
     <li class="hidden-xs hidden-sm"> <a id="clientAcctTab">Accounts</a></li> 
    </ul> 
    @Html.Partial("_LoginPartial") 
</div> 

に倒れたときにアイテムを非表示にする場合、あなたは別の表示/非表示するために使用することができますどのようなクラスのいくつかの便利な例がある（例えば、余分な小さなに隠された）クラスhidden-xsを追加します。 http://getbootstrap.com/css/#responsive-utilities

Answer 2

@ブートストラップウェブサイト上の異なるデバイス向けコンテンツがすべてhidden-sm

前 hidden-xsを追加します