javascript - 添加链接后 Bootstrap Button 字体错误

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>

fiddle :https://jsfiddle.net/ddt3skr6/

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

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

Answer 1

您没有关闭 <span>在具有 id="command-import". 的按钮后标记

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

你可以查看这个demo您必须单击 HDD 图标“Datensätze importieren”进行切换。