Какова разница между col-lg-, col-md- и col-sm-* в Twitter Bootstrap?

Я пытаюсь понять, как правильно использовать классы колонки в Bootstrap для адаптивной верстки. Что именно обозначают эти классы и в каких случаях каждый из них должен использоваться? Заранее спасибо за разъяснение!

Описание проблемы:

Нужно установить одинаковую высоту и ширину для элемента div, чтобы соблюсти соотношение сторон 1:1. Пытаюсь понять, как это сделать с помощью CSS.

Пример:

+----------+
| body     |
| 1:3      |
|          |
| +------+ |
| | div  | |
| | 1:1  | |
| +------+ |
|    ...

Я испытываю трудности с масштабированием шрифтов на своем сайте.

На данный момент у меня есть сайт с font-size тела, установленным на 100%. Но 100% от чего? Похоже, что это вычисляется как 16 пикселей.

Я предполагал, что 100% каким-то образом будет относиться к размеру окна браузера, но, судя...