html - 我想让 Drop left 而不是 drop down

Question

我想让 Drop left 而不是在 bootstrap 下拉按钮中下拉。我正在努力实现这一点，但我无法做到这一点，有人可以指导我这样做吗？

这是我的代码

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<div class="col-sm-4 col-sm-offset-4">
<div class="btn-group">
  <button class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Small button <span class="caret"></span>
  </button>
  <ul class="dropdown-menu ">
    <button class="btn btn-primary">Action 1</button>
    <button class="btn btn-danger">Action 2</button>
  </ul>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<script type="text/javascript">
  $(function () {
  $('[data-toggle="popover"]').popover()
})
</script>

Answer 1

这部分 css 中有 top 和 left:

.dropdown-menu {
  top: -10px !important;
  left: -160% !important;
}