Does bootstrap have builtin padding and margin classes?

There are built in classes, namely:

.padding-xs { padding: .25em; }
.padding-sm { padding: .5em; }
.padding-md { padding: 1em; }
.padding-lg { padding: 1.5em; }
.padding-xl { padding: 3em; }

.padding-x-xs { padding: .25em 0; }
.padding-x-sm { padding: .5em 0; }
.padding-x-md { padding: 1em 0; }
.padding-x-lg { padding: 1.5em 0; }
.padding-x-xl { padding: 3em 0; }

.padding-y-xs { padding: 0 .25em; }
.padding-y-sm { padding: 0 .5em; }
.padding-y-md { padding: 0 1em; }
.padding-y-lg { padding: 0 1.5em; }
.padding-y-xl { padding: 0 3em; }

.padding-top-xs { padding-top: .25em; }
.padding-top-sm { padding-top: .5em; }
.padding-top-md { padding-top: 1em; }
.padding-top-lg { padding-top: 1.5em; }
.padding-top-xl { padding-top: 3em; }

.padding-right-xs { padding-right: .25em; }
.padding-right-sm { padding-right: .5em; }
.padding-right-md { padding-right: 1em; }
.padding-right-lg { padding-right: 1.5em; }
.padding-right-xl { padding-right: 3em; }

.padding-bottom-xs { padding-bottom: .25em; }
.padding-bottom-sm { padding-bottom: .5em; }
.padding-bottom-md { padding-bottom: 1em; }
.padding-bottom-lg { padding-bottom: 1.5em; }
.padding-bottom-xl { padding-bottom: 3em; }

Related Posts:

  1. Using margin / padding to space span tag from the rest of the p tag
  2. When to use margin vs padding in CSS [closed]
  3. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  4. Customize Bootstrap checkboxes
  5. What does auto do in margin: 0 auto?
  6. How to set up fixed width for ?
  7. How to change btn color in Bootstrap
  8. How to set up fixed width for ?
  9. Why is there an unexplainable gap between these inline-block div elements?
  10. css to make bootstrap navbar transparent
  11. Bootstrap 4, How do I center-align a button?
  12. Responsive Bootstrap Jumbotron Background Image
  13. Changing the width of Bootstrap popover
  14. How to center vertically and horizontally a div using Bootstrap?
  15. Flushing footer to bottom of the page, twitter bootstrap
  16. CSS Div width percentage and padding without breaking layout
  17. bootstrap 4 row height
  18. Bootstrap change carousel height
  19. Twitter Bootstrap – add top space between rows
  20. How can I make Bootstrap columns all the same height?
  21. Set bootstrap modal body height by percentage
  22. Bootstrap align navbar items to the right
  23. Why is my Bootstrap code not working?
  24. img-responsive in Bootstrap does not work
  25. In a bootstrap responsive page how to center a div
  26. Responsive Canvas in Bootstrap column?
  27. How do I center an SVG in a div?
  28. WordPress Admin Bar Overlapping Twitter Bootstrap Navigation [closed]
  29. Load custom css after bootstrap
  30. Redoing home page but changes not taking effect
  31. Layout using Bootstrap not aligning correctly
  32. Bootstrap in theme
  33. create bootstrap columns inside editor group block
  34. Google yolo one tab signup plugin avilable in wordpress? [closed]
  35. CSS – Initial HTML Margin Issue On WordPress Site
  36. How to remove the gap on right side of webpage (using Bootstrap with WordPress)?
  37. All of my custom Bootstrap styles are not working in my child theme!
  38. How to integrate Bootstrap Grid System in WordPress
  39. Change class names dynamically added to html elements by wordpress
  40. Modal dialog under the backdrop
  41. Bootstrap News: Image Modifciation
  42. Can’t center post thumbnail with bootstrap [closed]
  43. Bootstrap 4 Optimization
  44. Parent style messing up with Bootstrap [closed]
  45. Bootstrap navbar-fixed-top issues [closed]
  46. How to make this splash page responsive
  47. Custom theme – Bootstrap CSS not loading via wp_enqueue_style or otherwise
  48. Is there a CSS parent selector?
  49. How can I vertically center a “div” element for all browsers using CSS?
  50. CSS3 Transition not working
  51. CSS how to make an element fade in and then fade out?
  52. How to word wrap text in HTML?
  53. Style disabled button with CSS
  54. Combine :after with :hover
  55. Adding a blurred border in CSS
  56. Specify multiple attribute selectors in CSS
  57. How to make certain text not selectable with CSS
  58. How to dequeue a stylesheet by src, not handle?
  59. WordPress CSS head info – contents, expansions?
  60. The correct way to include JavaScript and CSS in my WordPress Themes
  61. Is it possible to change the path of a css file that is registered through wp_enqueue_style()?
  62. Customizing wordpress to match your site theme
  63. Adding HTML to the Header, Screws up in IE7
  64. Efficient way to edit WordPress themes
  65. Where Do I Find The Astra Default Font Family That All Text Elements Are Inheriting From? [closed]
  66. Getting page output HTML without request (for CriticalCSS, PurgeCSS)
  67. How to organize priority of plugins CSS files?
  68. Responsive Images Warping
  69. Remove margin from CSS gradient color code
  70. How do I apply/target CSS to a specific user role or roles?
  71. Why is this jquery / java script code not working in mobile / in devices?
  72. Seperate functions.php for part of site
  73. Internet Explorer ignore my css
  74. How can I remove the ::after CSS selector which is automaticaly appended to the_content()?
  75. Hover colour spreading out beyond submit button
  76. post_class not working with css
  77. Using PHP Increment and Conditional Statement to Alternate Loop Background
  78. Remove a Style Tag from WP Theme
  79. Simple way to add custom class and ids to individual Gutenberg blocks
  80. Namespacing theme CSS
  81. How to change the standard navigation menu color when using genesis [closed]
  82. Add classes + taxonomy terms to wp_list_pages() output
  83. WordPress footer always at the bottom of the screen-page
  84. Dequeing Parent Fontawesome Deques Parent Styles
  85. Why can’t blocks be hidden with jQuery?
  86. CSS: Appearance/Customise display different to actual display
  87. Border around menu button [closed]
  88. Correct use of !important
  89. How to change hover link colour for blog post (body) text only
  90. Problems styling a Custom Link in a Menu
  91. How to create a mobile menu full screen overlay using Understraps Bootstrap 4 theme
  92. I would like to achieve a two column checkout page
  93. CSS ?ver=4.7.3 not found
  94. Custom CSS rules only apply to home page
  95. Custom Thumbnails [closed]
  96. How to change menu hover color to white on my theme? [closed]
  97. How to make CSS load live based on options clicked in the theme customizer?
  98. Inserting a DIV Block Into a Listing of Excerpts?
  99. WordPress Custom Superfish CSS Problem [closed]
  100. Do you use css reset in your child theme [closed]

Leave a Comment

tech