如何在页面加载时使切换按钮默认处于活动状态

时间:2017-07-03 06:27:39

标签: html css html5 twitter-bootstrap css3

我有三个自举切换按钮,可根据需要改变屏幕尺寸。

现在我一直试图制作其中一个按钮"活跃"默认情况下,页面加载。

代码如下:

<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>

感谢任何帮助..

1 个答案:

答案 0 :(得分:0)

考虑第一个按钮并假设它处于活动状态,这意味着您的按钮类应该如下所示class="remove-navbar-button menu active">

默认情况下,只要你需要激活按钮,

.active就是bootstrap的默认css。你必须通过简单地调用active

来调用该类

Bootstrap toggle