Как рисовать дизайн под bootstrap?

Question

[vovkka]

Добрый день.
Я не дизайнер профессионал, но появилась задача нарисовать дизайн сайта.
Как нарисовать к примеру левую колонку по бутстраповски? отрисовал шириной 1170 всё норм, как перехожу на сетку 940, то эта колонка не влезает в те же столбцы, в которые влезала на 1170. Условия такие что она должна оставаться фикс ширины всегда. Как такое рисует под бутстрап ?

Всем спасибо большое!

Answer 1

[iBird Rose]

Условия такие что она должна оставаться фикс ширины всегда. Как такое рисует под бутстрап ?

Либо делай нормальный адаптив и сжимай эту колонку под сетку. Либо сжимай контентую часть и оставляй колонку фиксированной ширины.

Answer 2

[Mikalai Bulava]

Зачем вы переходите под сетку 940, если у вас уже 1170?) Сделайте сайдбар 255px, отступ — 30px, основную часть — 885px.

P.S. За такое меню (отступы) я, как пользователь, вас бы просто проклинал каждые 15 секунд.

Comments

[vovkka]

Crimp B думаете стоит увеличить линейную высоту пунктов меню ?

[vovkka]

Crimp B я не могу сделать сайдбар 255px, потому что по сетке 1170 3 колонки это 263пх.

[Mikalai Bulava]

vovkka: конечно. Я бы делал интерлиньяж минимум 30px

[Mikalai Bulava]

vovkka: ну и что? Сетка — не панацея.

[vovkka]

Crimp B: ахах нечего не понял по поводу сетки, но за подсказку по меню спасибо ;)

[Mikalai Bulava]

В планшетных/мобильных версиях сайдбары я бы уже убирал. По сути в десктопах 1280 и более по этой сетке везде будет все одинаково, это ведь не отзывчивый дизайн.

[Mikalai Bulava]

vovkka: По сетке: не обязательно чтобы всегда было ровно 3 колонки и все, я про это. Размеры я вам сказала, как делаю сам уже не первый раз. Верстальщики не жаловались, смотрится пропорционально и красиво.

Answer 3

[vovkka]

Crimp B ну чтобы адаптивку рисовать. А как тогда отрисовать адаптивку под телефоны и прочее?

Comments

[Mikalai Bulava]

Руками, там тоже есть своя сетка.

[enigma4689]

А где можно взять эти сетки?

[vovkka]

enigma4689: вбей в гугл сетка бутстрап psd скачать

Answer 4

[enigma4689]

Я рисую три разрешения 1200(Desktop), 768(Tablet), 320(Mobile)

Answer 5

[NaN]

Вы че все так подсели на этот бутстрап, ну нужна вам фиксированая колонка, так делайте это без него.
Есть у вас разные разрешения экрана, рисуйте как должно выглядеть. Верстальщик уже решит использовать сетку или нет.
Ну или если уж точно решили делать все по сетку, то и адаптируйте. Сокращайте текст, я не знаю, оставляйте только иконки, размер и семейство шрифта другое выбирайте. Еще раз почитайте что такое сетка и какие у нее свойства, как она вообще работает.