ohryan.ca

A Web Developer in Winnipeg

How to Set Responsive Text Alignment in Bootstrap 3

in

Bootstrap is great, almost perfect. One thing it’s missing is responsive text-align.

So I created a simple .less file that uses Bootstraps breakpoints and class naming format. It allows you use set specific text-align for specific breakpoints.

Comments

5 responses to “How to Set Responsive Text Alignment in Bootstrap 3”

  1. Josep Viciana Avatar
    Josep Viciana

    Hi. I have a problem when compiling with your code, the screen size variables are part of Bootstrap and not accesible from my less code. How do you resolve it? just redefining the variables?

    1. ohryan Avatar
      ohryan

      What is the error you’re getting?

  2. Kyle Avatar
    Kyle

    Excellent! This should be included with Bootstrap. Only one thing I found that I didn’t like was that after I implemented in SASS, the alignment defaults to center, and it should default to left.

    1. ohryan Avatar
      ohryan

      I made a pull request to add this, but they rejected it.

      Is there is an error in the SASS?

      1. jeykeu Avatar
        jeykeu

        Just replace @screen with $screen 🙂

Leave a Reply

Only people in my network can comment.