Не советую начинающим верстальщикам править css в самом фреймворке.
Даже опытные верстальщики лезут туда крайне редко.
Bootstrap ему не понравился... а вот как раз в нем есть все что нужно. И 1200, и 960, и много много полезных вещей.
В твоем случае можно обойтись и :last-child , так как ты точно знаешь что в футере ровно 4 блока.
Способ с отрицательными значениями margin - полезен в случае, когда ты не знаешь сколько item-ов будет всего. (Например позже добавят еще 4 блока ниже, а потом еще несколько).
Думаю единственный стабильный и кроссбраузерный способ:
- дать фиксированную высоту родительскому блоку
- блок социальных сетей поставить вниз с помощью position: absolute;
- будет уместным дать нижний padding для родительского блока, чтобы текст не залезал на соц. сети.
В таких случаях как у вас, важную роль играет количество слов в тексте.
Очень помогает ограничение текста по количеству символов + кнопка "читать полный текст" ниже.
Я несколько раз сталкивался с подобной задачей, и в итоге приходил к этому способу с чётко заданной высотой.
Я нарисовал карту в Adobe Illustrator (в векторной графике - формат .svg).
Краткая инструкция:
- рисуешь фигуру в иллюстраторе
- сохраняешь в формате .svg
- открываешь image.svg в браузере
- воруешь координаты из тега "polygon"
- вставляешь в координаты своей карты в тег "area"
... Как-то так.
Вообще для решения твоего вопроса нужен css-селектор, который будет выбирать родительский элемент.
Такого селектора в css3 нет, но я слышал, что в css4 он будет.
А пока, для решения подобных задач используют скрипты. (jquery Rotate - как раз для этого).
Получилось как-то так.
Но есть масса минусов - размер не резиновый, в IE и Safari работает криво.
Если нужно сделаю карту с нужным тебе размером бублика.
Скажи только радиус внутренний и внешний.
Вот теперь я запутался.
Возможно вам стоит описать вашу проблему более подробно.
Для какой конкретно цели создаете шрифт (иконки).
И какая конкретно возникает проблема в использовании символов в вашем проекте.
Я, например, пользуюсь шрифтовыми иконками FontAwesome, и иногда нужны иконки которых нет в этом наборе (например соц. сеть"однокласники"). В этом случае сервис icomoon очень помогает сделать штучный символ, который потом вставляю с помощью
Даже опытные верстальщики лезут туда крайне редко.
Bootstrap ему не понравился... а вот как раз в нем есть все что нужно. И 1200, и 960, и много много полезных вещей.