html - I want to make Drop left rather then drop down -


i want make drop left rather drop down in bootstrap drop down button. i'm trying make happen can't able this, can guide me this?

here code

<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>

this part of css there top , left:

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

Comments

Popular posts from this blog

magento2 - Magento 2 admin grid add filter to collection -

Android volley - avoid multiple requests of the same kind to the server? -

Combining PHP Registration and Login into one class with multiple functions in one PHP file -