Question

这是我的HTML代码：

<div class="panel panel-default">
    <div class="panel-heading">
        Datensätze
        <button type="button" class="btn btn-xs btn-success pull-right" id="command-add" data-row-id="1">
            <span class="glyphicon glyphicon-plus"></span> bla</button>
            <button type="button" class="btn btn-xs btn-info pull-right" id="command-import" data-row-id="1">
            <span class="glyphicon glyphicon-hdd"  href="javascript:void(0);" onclick="$('#importFrm').slideToggle();" </span> blu</button>
        <div class="clearfix"></div>
    </div>
    <div class="panel-body">
    <form action="script.php" method="post" enctype="multipart/form-data" id="importFrm">
                <input type="file" name="file" />
                <input type="submit" class="btn btn-primary" name="importSubmit" value="go!">
            </form>
    </div>
</div>
      </div>

小提琴：https://jsfiddle.net/ddt3skr6/

如您所见，我想在单击导入按钮后才显示导入选项。我设置了链接，但现在这个按钮的字体很难看......

也许有人可以帮我找到正确功能和此按钮字体的解决方案。

Answer 1

您没有在<span>

按钮后关闭id="command-import".标记

同样在你的情况下你只需要向下滑动，所以首先必须向上滑动，然后点击它就可以向下滑动。

您可以查看此demo，您必须点击硬盘图标“Datensätzeimportieren”进行切换。

Answer 2

此标记<span class="glyphicon glyphicon-hdd" href="javascript:void(0);" onclick="$('#importFrm').slideToggle();"没有结束字符>

最后一行的最后div没用。

Demo

添加链接后Bootstrap Button错误的字体

2 个答案: