ページがロードされるときにトグルボタンをデフォルトでアクティブにする方法

Question

要件に応じて画面サイズを変更するこれら3つのブートストラップトグルボタンがあります。

ここでは、ページが読み込まれると、これらのボタンの1つをデフォルトで「アクティブ」にしています。

ようなコードが行く：すべてのヘルプは高く評価され

<div class="vd_panel-menu hidden-sm hidden-xs" data-intro="<strong>Expand Control</strong><br/>" data-step=5 data-position="left"> 
    <div data-action="remove-navbar" data-original-title="" data-toggle="tooltip" data-placement="bottom" class="remove-navbar-button menu"> <i class="fa fa-arrows-h" ></i> </div> 
     <div data-action="remove-header" data-original-title="" data-toggle="tooltip" data-placement="bottom" class="remove-header-button menu"> <i class="fa fa-arrows-v"></i> </div> 
     <div data-action="fullscreen" data-original-title="" data-toggle="tooltip" data-placement="bottom" class="fullscreen-button menu"> <i class="glyphicon glyphicon-fullscreen"></i> </div> 
</div> 

..

Answer 1

最初のボタンを考慮し、あなたのButtonクラスこのclass="remove-navbar-button menu active">

のようになります意味活躍してきていると仮定

.activeは、デフォルトでボタンをアクティブにする必要があるときはいつでも、ブートストラップのデフォルトのCSSです。あなたは単にそのクラスをactive

Bootstrap toggle