Yes, but for this you need to override styling for Bootstrap's columns. By default Bootstrap's columns are styled as float: left
. We need to replace float
with display: inline-block
then we can make them in center easily with text-align: center
.
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
.center-align .row {
letter-spacing: -4px;
text-align: center;
font-size: 0;
}
.center-align [class*='col-md'] {
display: inline-block;
vertical-align: top;
letter-spacing: 0;
text-align: left;
font-size: 16px;
float: none;
}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eleifend imperdiet elit vel pretium. Donec auctor urna ut dui imperdiet ullamcorper.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eleifend imperdiet elit vel pretium. Donec auctor urna ut dui imperdiet ullamcorper.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eleifend imperdiet elit vel pretium. Donec auctor urna ut dui imperdiet ullamcorper.
Note: Don't forget to remove extra space that comes by making an element inline-block
.