Bootstrap Responsive Text Size [duplicate]

by

Simplest way is to use dimensions in % or em. Just change the base font size everything will change.

Less

@media (max-width: @screen-xs) {
    body{font-size: 10px;}
}

@media (max-width: @screen-sm) {
    body{font-size: 14px;}
}


h5{
    font-size: 1.4rem;
}

Look at all the ways at https://stackoverflow.com/a/21981859/406659

You could use viewport units (vh,vw…) but they dont work on Android < 4.4

More Related Contents:

  1. Change bootstrap navbar collapse breakpoint without using LESS
  2. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  3. Change the order of col-*-12 columns in Bootstrap using push/pull
  4. Customize Bootstrap 4’s grid-system Breakpoints
  5. bootstrap 3 responsive table with fixed first column
  6. Twitter’s Bootstrap 3 grid, changing breakpoint and removing padding
  7. Set div height equal to screen size
  8. In a bootstrap responsive page how to center a div
  9. Bootstrap – Removing padding or margin when screen size is smaller
  10. How to change Bootstrap navbar collapse breakpoint
  11. Working with CSS in React [closed]
  12. Bootstrap NavBar with left, center or right aligned items
  13. Why does the order of media queries matter in CSS?
  14. Remove padding from columns in Bootstrap 3
  15. Bootstrap Center Vertical and Horizontal Alignment
  16. How to use particular CSS styles based on screen size / device
  17. Responsive CSS triangle with percents width
  18. How can I center elements horizontally or vertically with Twitter Bootstrap?
  19. How to set up fixed width for ?
  20. Modify twitter bootstrap navbar
  21. Bootstrap grid with fixed wrapper – Prevent columns from stacking up
  22. What is class=”mb-0″ in Bootstrap 4?
  23. Bootstrap 4 – Navbar items outside the collapse
  24. Twitter Bootstrap 3 – Panels of Equal Height in a Fluid Row
  25. Which are the most important media queries to use in creating mobile responsive design?
  26. Centering the image in Bootstrap
  27. Less and Bootstrap: how to use a span3 (or spanX [any number]) class as a mixin?
  28. How to make a Bootstrap 4 full width dropdown in Navbar?
  29. Bootstrap Navbar list items/links not showing
  30. Sass and rounding down numbers. Can this be configured?

Leave a Comment