Hi I am trying to apply pull-right in my buttons but I noticed 2 things:
1 – the cancel button suppose be in the left but it is not, my html make be in the left, but after apply pull-right the cancel button goes after the save.
2- it is a way using just boostrap to give margin bettween the buttons? right now the buttons has no margin.
.col-md-12 {
background: gray;
border: 1px solid black;
height: 50px;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<footer class="col-md-12">
<button class="btn btn-default pull-right" data-dismiss="modal" id="btn-cancel2" type="button">Cancel</button>
<button class="btn btn-primary pull-right" data-dismiss="modal" id="btn-save2" type="button">Save</button>
</footer>
5
Answers
Here you are:
Remove
class
pull-right
on ButtonAdd
Class
parent
divtext-right
https://jsfiddle.net/wuuf5g87/6/
Bootstrap buttons are
inline-block
element, you can simply usetext-right
to parent to shift button.jsfiddle Working Demo