You are here

Home » API reference » Bootstrap Styles 1.0.x

margin-classes.css in Bootstrap Styles 1.0.x 

.bs-mx-1 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.bs-mx-2 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.bs-my-1 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.bs-my-2 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.bs-m-1 {
  margin: 0.5rem !important;
}

.bs-m-2 {
  margin: 1rem !important;
}

.bs-m-3 {
  margin: 2rem !important;
}

.bs-m-4 {
  margin: 4rem !important;
}

.bs-m-5 {
  margin: 8rem !important;
}

.bs-mt-1 {
  margin-top: 0.5rem !important;
}

.bs-mt-2 {
  margin-top: 1rem !important;
}

.bs-mt-3 {
  margin-top: 2rem !important;
}

.bs-mt-4 {
  margin-top: 4rem !important;
}

.bs-mt-5 {
  margin-top: 8rem !important;
}

.bs-mb-1 {
  margin-bottom: 0.5rem !important;
}

.bs-mb-2 {
  margin-bottom: 1rem !important;
}

.bs-mb-3 {
  margin-bottom: 2rem !important;
}

.bs-mb-4 {
  margin-bottom: 4rem !important;
}

.bs-mb-5 {
  margin-bottom: 8rem !important;
}

.bs-ml-1 {
  margin-left: 0.5rem !important;
}

.bs-ml-2 {
  margin-left: 1rem !important;
}

.bs-ml-3 {
  margin-left: 2rem !important;
}

.bs-ml-4 {
  margin-left: 4rem !important;
}

.bs-ml-5 {
  margin-left: 8rem !important;
}

.bs-mr-1 {
  margin-right: 0.5rem !important;
}

.bs-mr-2 {
  margin-right: 1rem !important;
}

.bs-mr-3 {
  margin-right: 2rem !important;
}

.bs-mr-4 {
  margin-right: 4rem !important;
}

.bs-mr-5 {
  margin-right: 8rem !important;
}

File

css/bs_example_classes/margin-classes.css
View source 
  1. .bs-mx-1 {

  2.   margin-left: 0.5rem !important;

  3.   margin-right: 0.5rem !important;

  4. }

  5. 

  6. .bs-mx-2 {

  7.   margin-left: 1rem !important;

  8.   margin-right: 1rem !important;

  9. }

  10. 

  11. .bs-my-1 {

  12.   margin-top: 0.5rem !important;

  13.   margin-bottom: 0.5rem !important;

  14. }

  15. 

  16. .bs-my-2 {

  17.   margin-top: 1rem !important;

  18.   margin-bottom: 1rem !important;

  19. }

  20. 

  21. .bs-m-1 {

  22.   margin: 0.5rem !important;

  23. }

  24. 

  25. .bs-m-2 {

  26.   margin: 1rem !important;

  27. }

  28. 

  29. .bs-m-3 {

  30.   margin: 2rem !important;

  31. }

  32. 

  33. .bs-m-4 {

  34.   margin: 4rem !important;

  35. }

  36. 

  37. .bs-m-5 {

  38.   margin: 8rem !important;

  39. }

  40. 

  41. .bs-mt-1 {

  42.   margin-top: 0.5rem !important;

  43. }

  44. 

  45. .bs-mt-2 {

  46.   margin-top: 1rem !important;

  47. }

  48. 

  49. .bs-mt-3 {

  50.   margin-top: 2rem !important;

  51. }

  52. 

  53. .bs-mt-4 {

  54.   margin-top: 4rem !important;

  55. }

  56. 

  57. .bs-mt-5 {

  58.   margin-top: 8rem !important;

  59. }

  60. 

  61. .bs-mb-1 {

  62.   margin-bottom: 0.5rem !important;

  63. }

  64. 

  65. .bs-mb-2 {

  66.   margin-bottom: 1rem !important;

  67. }

  68. 

  69. .bs-mb-3 {

  70.   margin-bottom: 2rem !important;

  71. }

  72. 

  73. .bs-mb-4 {

  74.   margin-bottom: 4rem !important;

  75. }

  76. 

  77. .bs-mb-5 {

  78.   margin-bottom: 8rem !important;

  79. }

  80. 

  81. .bs-ml-1 {

  82.   margin-left: 0.5rem !important;

  83. }

  84. 

  85. .bs-ml-2 {

  86.   margin-left: 1rem !important;

  87. }

  88. 

  89. .bs-ml-3 {

  90.   margin-left: 2rem !important;

  91. }

  92. 

  93. .bs-ml-4 {

  94.   margin-left: 4rem !important;

  95. }

  96. 

  97. .bs-ml-5 {

  98.   margin-left: 8rem !important;

  99. }

  100. 

  101. .bs-mr-1 {

  102.   margin-right: 0.5rem !important;

  103. }

  104. 

  105. .bs-mr-2 {

  106.   margin-right: 1rem !important;

  107. }

  108. 

  109. .bs-mr-3 {

  110.   margin-right: 2rem !important;

  111. }

  112. 

  113. .bs-mr-4 {

  114.   margin-right: 4rem !important;

  115. }

  116. 

  117. .bs-mr-5 {

  118.   margin-right: 8rem !important;

  119. }