Question

我正在创建一个网站，我想要实现向上和向下投票按钮。我正在使用Flask和Bootstrap。那么，如果有人能告诉我如何在不使用jQuery的情况下增加和减少投票？ Bootstrap版本为4，因此没有可用的glyphicons。有帮助吗？

          <div class="card">
            <div class="card-body">

                    {{{{Need those buttons here}}}}



           <div class="row" style="margin-left: 5px;">
                  <a href="#">{{posts[post]["user"]}} &nbsp;</a>
                  <em> {{posts[post]["title"]}} </em>
                </div>
             <div class="row" style="margin-left: 5px;">
              <a href="#">/user311 &nbsp;</a>
              <a target="_blank" href={{ posts[post]["replies"]["link"] }}>{{ posts[post]["replies"]["head"] }} </a>
            </div>

            </div>
      </div>

Answer 1

只需链接到font awesome CDN，然后将其添加到您的card-body div：

<div>
    <a href="#"><i class="fa fa-caret-up fa-2x"></i></a>
</div>
<div>
    <a href="#"><i class="fa fa-caret-down fa-2x"></i></a>
</div>

N.B。根据图标所需的尺寸更改 fa-2x 。

jsfiddle：https://jsfiddle.net/9j0ggd5g/5/

在bootstrap中添加Up和Down投票

1 个答案: