Twitter Bootstrap Resize The Text Size On Phone Screen

I am new to twitter bootstrap. I am hiding some on phone screen with the help of class='hidden-phone' But I want to resize the shown text to fit to the screen How can I

Solution 1:

This is how you work with mobile viewport in twitter bootstrap (or any other solution for that matter)

@media (max-width: 480px) { 
        body {
          font-size: 11px;
        }

        .hidden-phone {
           display: block;
        }
    }