All geek questions in one place

Bootstrap 3: changing text at breakpoint?

Is there a built-in way in Bootstrap 3.x to install / uninstall a class like "text-right"?

For example, I have a column <div class="col-md-6 text-right">, but with size xs I do not want text law to apply.

I know how to do this with my own classes / media queries, but I wondered if there was anything just built-in.

+4
source share
2 answers

They are available in Bootstrap 4: Text Alignment.

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>

<div class="text-center">
  <p class="text-left">Left aligned text on all viewport sizes.</p>
  <p class="text-center">Center aligned text on all viewport sizes.</p>
  <p class="text-right">Right aligned text on all viewport sizes.</p>

  <p class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.</p>
  <p class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.</p>
  <p class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.</p>
  <p class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.</p>
</div>
Run code
0
source

Source: https://habr.com/ru/post/1535630/

More articles:


All Articles