Карл Майнхофф

Так, наверное: codepen.io/anon/pen/jWzYPV

Как то так: codepen.io/anon/pen/zrWPWw

Тут все показано пошагово

Легче всего будет реализовать вручную через HTML и CSS

Обязательных как таковых и нет. Желательно указывать <meta charset="">

Родительский селектор - вселенское зло, жутко замедляющее загрузку страницы. Просто добавьте класс каждому такому P и прописывайте стили для него.

Мой совет: то, что Bootstrap очень известен - это еще не значит, что он столь же хорош. Лично мне, например, сайты на чистом Bootstrap уже мозолят глаза. Если добавить сюда его глючность - получаем довольно несимпатичную ситуацию. Лучше смотрите в сторону Foundation. Лучшей версией, на мой взгляд, является Foundation 5

Попробуйте использовать :before. Здесь реализовано именно так, хотя это и не совсем то, что вам нужно.