Как правильно писать свои CSS стили для оформления тегов, если есть стандартные стили фреймворка?

Недавно начал заниматься версткой. На практике столкнулся с такой задачей.

Задача: сверстать сайт из PSD макета.
Дано: фреймворк Bootstrap 3, голая html верстка.

Вопрос:

1. Как ориентироваться во всем многообразии классов фреймворка?
   
2. Как грамотно начать писать свои классы (какая-нибудь методология, алгоритм)? (например, править классы шаблона - это скорее всего плохая идея.)
   

P.S: Может сразу кто-нибудь поможет. Почему тег так сильно растягивается и как его заставить быть в рамках экрана?