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
Post a Comment