Используя CSS Blueprint, как мы можем стилизовать 3 столбца, каждый шириной 300px, с полями 15px или отступами между ними?

Question

Ширина области содержимого равна 960px, с 3 столбцами, каждый по 300px, итого 900px, и с отступом / полем 15px между столбцами, что составляет всего 30px, и, наконец, слева от 1-го столбца должнобудет отступ 15px / margin, и справа от 3-го столбца, то же самое.Таким образом, общая сумма также составляет 30px.

900px + 30px + 30px будет 960px.

Как это сделать в Blueprint / CSS?Это можно сделать с помощью простого CSS, но стандарт кодирования требует использования Blueprint CSS.

Answer 1

Вы можете переопределить классы Blueprint, см. Здесь:

http://jsfiddle.net/JeaffreyGilbert/aznVd/

Я предполагаю, что вы используете grid.css.

Blueprint