How to center content in a Bootstrap column?

Use:

<!-- unsupported by HTML5 -->
<div class="col-xs-1" align="center">

instead of

<div class="col-xs-1 center-block">

You can also use bootstrap 3 css:

<!-- recommended method -->
<div class="col-xs-1 text-center">

Bootstrap 4 now has flex classes that will center the content:

<div class="d-flex justify-content-center">
   <div>some content</div>
</div>

Note that by default it will be x-axis unless flex-direction is column

Related Posts:

  1. What is sr-only in Bootstrap 3?
  2. Bootstrap 4 images thumbnail classes
  3. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery
  4. How to give spacing between buttons using bootstrap
  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. How to make a monopoly board using css grid?
  19. How to horizontally center an element
  20. How do I vertically align text in a div?
  21. Hide scroll bar, but while still being able to scroll
  22. How can I center text (horizontally and vertically) inside a div block?
  23. Draw Circle using css alone [duplicate]
  24. Transparent CSS background color
  25. Is there any way to change input type=”date” format?
  26. Is element block level or inline level?
  27. How to center a “position: absolute” element
  28. Set the table column width constant regardless of the amount of text in its cells?
  29. Bootstrap Dropdown menu is not working
  30. Two divs side by side – Fluid display
  31. CSS Display an Image Resized and Cropped
  32. How do I make a placeholder for a ‘select’ box?
  33. FontAwesome icons are not showing, Why?
  34. Remove border from IFrame
  35. CSS color vs. background-color vs. background?
  36. CSS horizontal scroll
  37. Getting “Failed to load resource: net::ERR_FILE_NOT_FOUND” when trying to load a background image
  38. CSS: background-color only inside the margin
  39. Stretch background image css?
  40. Set cellpadding and cellspacing in CSS?
  41. Disable Scrolling on Body
  42. How do I set a background-color for the width of text, not the width of the entire element, using CSS?
  43. CSS Background Image Not Displaying
  44. Changing image sizes proportionally using CSS
  45. How to give the background-image path in CSS?
  46. How to overlay image with color in CSS?
  47. CSS Background image not loading
  48. Outline radius?
  49. Bootstrap Dropdown menu is not working
  50. text-overflow: ellipsis not working
  51. Bootstrap Dropdown menu is not working
  52. How to reference nested classes with css?
  53. right align an image using CSS HTML
  54. CSS Background Image Not Displaying
  55. How to align content of a div to the bottom
  56. html not linking css
  57. How to draw a dotted line with css?
  58. Removing border from table cells
  59. How to stick text to the bottom of the page?
  60. How to make blinking/flashing text with CSS 3
  61. bootstrap 3 navbar collapse button not working
  62. Why doesn’t height: 100% work to expand divs to the screen height?
  63. How can I position my div at the bottom of its container?
  64. Why doesn’t height: 100% work to expand divs to the screen height?
  65. How can I position my div at the bottom of its container?
  66. How do I install a custom font on an HTML site
  67. How to overlay one div over another div
  68. How to align an input tag to the center without specifying the width?
  69. How can I embed video for discord directly from website?
  70. Basic CSS – how to overlay a DIV with semi-transparent DIV on top
  71. difference between width auto and width 100 percent
  72. How to show text on image when hovering?
  73. Place input box at the center of div
  74. Fit background image to div
  75. Table scroll with HTML and CSS
  76. Set cellpadding and cellspacing in CSS?
  77. CSS content property: is it possible to insert HTML instead of Text?
  78. Vertical align not working on inline-block
  79. Indent List in HTML and CSS
  80. Absolute position is not working
  81. Position absolute but relative to parent
  82. Is it possible to put CSS @media rules inline?
  83. Make padding responsive
  84. Two Divs next to each other, that then stack with responsive change
  85. Vertically align text next to an image?
  86. HTML not loading CSS file
  87. How can I center my ul li list in css?
  88. Is it possible to use css to shrink text to automatically fit the size of the div
  89. CSS !important not working
  90. How to best set a CSS3 transition to none?
  91. Why is vertical-align: middle not working on my span or div?
  92. ow to change the style of the title attribute inside an anchor tag?
  93. Flex align-items: center not centering items
  94. How can I align text directly beneath an image?
  95. jQuery find element by data attribute value
  96. How do I clear the content of a div using JavaScript?
  97. WordPress footer menu floating with height of footer
  98. Style reply form different than comment form
  99. Style the last element having a specific class [closed]
  100. CSS – Initial HTML Margin Issue On WordPress Site

Leave a Comment

tech