How to give spacing between buttons using bootstrap

I want to give spacing between buttons is there a way to give spacing using bootstrap so that they will be consistent for different screen resolutions.

I tried using margin-left But is it the correct way to do this.??

Here is the demo

HTML:

<div class="btn-toolbar text-center well">
    <button type="button" class="btn btn-primary btn-color btn-bg-color btn-sm col-xs-2 margin-left">
      <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> ADD PACKET
    </button>
    <button type="button" class="btn btn-primary btn-color btn-bg-color btn-sm col-xs-2 margin-left">
      <span class="glyphicon glyphicon-edit" aria-hidden="true"></span> EDIT CUSTOMER
    </button>
    <button type="button" class="btn btn-primary btn-color btn-bg-color btn-sm col-xs-2 margin-left">
      <span class="glyphicon glyphicon-time" aria-hidden="true"></span> HISTORY
    </button>
    <button type="button" class="btn btn-primary btn-color btn-bg-color btn-sm col-xs-2 margin-left">
      <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> DELETE CUSTOMER
    </button>
</div>

CSS:

.margin-left{
    margin-left: 80px !important;
}

Related Posts:

  1. What is sr-only in Bootstrap 3?
  2. Bootstrap 4 images thumbnail classes
  3. How to center content in a Bootstrap column?
  4. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery
  5. How can I override Bootstrap CSS styles?
  6. How to change the background-color of jumbrotron?
  7. vertical divider between two columns in bootstrap
  8. vertical-align with Bootstrap 3
  9. Table fixed header and scrollable body
  10. how to do a line break in Bootstrap 3.3.7
  11. How to increase height of textarea using bootstrap rows and columns
  12. Bootstrap Columns Not Working
  13. Bootstrap 3 Glyphicons CDN
  14. How can I change the Bootstrap default font family using font from Google?
  15. Set textarea width to 100% in bootstrap modal
  16. How to make Bootstrap Panel body with fixed height
  17. Change navbar text color Bootstrap
  18. Open source social media icons to download and use on website? [closed]
  19. CSS calc width and height values
  20. Center image using text-align center?
  21. CSS Background Opacity [duplicate]
  22. How do I vertically align text in a div?
  23. Hide scroll bar, but while still being able to scroll
  24. How can I center text (horizontally and vertically) inside a div block?
  25. Center image horizontally within a div
  26. Draw Circle using css alone [duplicate]
  27. Remove CSS class from element with JavaScript (no jQuery) [duplicate]
  28. Transparent CSS background color
  29. Prevent line-break of span element
  30. Is there any way to change input type=”date” format?
  31. How to align iframe always in the center
  32. How to center a “position: absolute” element
  33. Expected RBRACE, but the bracket is there?
  34. How to make an image center (vertically & horizontally) inside a bigger div
  35. How to center text with Markdown?
  36. Set the table column width constant regardless of the amount of text in its cells?
  37. CSS Display an Image Resized and Cropped
  38. Disable Scrolling on Body
  39. Darken CSS background image?
  40. How do I make a placeholder for a ‘select’ box?
  41. Responsive image map
  42. CSS color vs. background-color vs. background?
  43. How to wrap text around an image using HTML/CSS
  44. How to make a whole ‘div’ clickable in html and css without JavaScript?
  45. How (and why) to use display: table-cell (CSS)
  46. Vertical Text Direction
  47. Disable Scrolling on Body
  48. CSS Background Image Not Displaying
  49. How to darken a CSS background image?
  50. Changing image sizes proportionally using CSS
  51. How can I create a marquee effect?
  52. How to give the background-image path in CSS?
  53. How to overlay image with color in CSS?
  54. CSS Background image not loading
  55. Outline radius?
  56. Bootstrap Dropdown menu is not working
  57. Bootstrap Dropdown menu is not working
  58. How to set Helvetica font?
  59. Indent starting from the second line of a paragraph with CSS
  60. CSS list-style-image size
  61. html not linking css
  62. Removing border from table cells
  63. How to display hr horizontally with flex?
  64. bootstrap 3 navbar collapse button not working
  65. Why doesn’t height: 100% work to expand divs to the screen height?
  66. How can I position my div at the bottom of its container?
  67. How to overlay one div over another div
  68. How to get CSS to select ID that begins with a string (not in Javascript)?
  69. Setting table row height
  70. How do I disable the resizable property of a textarea?
  71. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  72. Place input box at the center of div
  73. How to display a gif fullscreen for a webpage background?
  74. Padding a table row
  75. How to align 3 divs (left/center/right) inside another div?
  76. Vertical align not working on inline-block
  77. Align an element to bottom with flexbox
  78. How can I change the thickness of my
    tag
  79. Is it possible to put CSS @media rules inline?
  80. Vertically align text next to an image?
  81. How to create spoiler text?
  82. How do I horizontally center a table in Bootstrap
  83. How do I center text in a span?
  84. text-align justify not working
  85. HTML not loading CSS file
  86. How can I center my ul li list in css?
  87. CSS !important not working
  88. Best way to center a
  89. How to best set a CSS3 transition to none?
  90. How to make a div 100% height of the browser window
  91. How to resize an image to fit in the browser window?
  92. HTML / CSS table with GRIDLINES
  93. Layout a flex box similar to a table?
  94. How do I clear the content of a div using JavaScript?
  95. WordPress Admin Bar Overlapping Twitter Bootstrap Navigation [closed]
  96. Style reply form different than comment form
  97. Style the last element having a specific class [closed]
  98. CSS – Initial HTML Margin Issue On WordPress Site
  99. change the icon of a custom post type in WordPress to use twitter boostrap
  100. How can I insert a disclaimer in a WordPress site?

Leave a Comment