Question

我需要在bootstrap中复制以下行为：在facebook mobile中，当您在任何帖子中单击“v”时，将打开全宽底部菜单（其中一个菜单是Report）提前致谢

Answer 1

我不知道你想要什么，但我有一个带有glyphicon图标的面板（^），当你点击面板隐藏在这里是exaple代码：

HTML

    <div class="container">
      <div class="panel panel-default">
         <div class="panel-heading">
            <h4>Create Alert</h4>
             <span class="btn btn-xs btnAgregar" data-toggle="collapse" data-target="#formulario"></span>
         </div>

     <div id="formulario" class="collapse in">
         <div class="panel-body">
             <div class="col-md-12">
                <div class=" form-group col-md-2">
                    <label class="control-label">ID:</label>
                    <input id="ID" name="ID" type="text" readonly="readonly" class="form-control" />
        </div>
         <div class=" form-group col-md-2">
          <label class="control-label">Panel Collapse Example</label>
        </div>
      </div>
    </div>
  </div>
</div>

CSS：

     .btnAgregar:after {
           font-family: "Glyphicons Halflings";
           content: "\e113";
      }

      .btnAgregar.collapsed:after {
           content: "\e114";
       }

我在此处上传了示例https://jsfiddle.net/uhusp0uy/ 如果您想从头开始显示面板隐藏，只需将class =“collapse in”更改为class =“collapse”

Bootstrap ToggleButton菜单就像Facebook一样

1 个答案: