Anton Filippov

первое, что пришло в голову

just press F12

добавлять свой файл, подключать его после бутстрапа

Это можно сделать через :before, :after

p > br
h1 > span (если вы хотите выделить заголовок)
strong > b (если вы хотите сделать акцент)

Почитайте про семантику

jsfiddle.net/h156po3r

Добавляете свой CSS, подключаете его, добавляете в него свой стиль и в стиль прописываете padding: Npx 0; , где N - нужные вам отступы. Ну или через padding-top, padding-bottom

UPD: А и кстати, если бы ты не брался сразу за бутстрап, а за css, то ты бы знал, что нет толку использовать маргины на инлайн элементах, используйline-height

https://www.google.ru/search?q=%D0%BA%D0%BD%D0%BE%...

Я правильно понимаю, что вы хотите чтобы этот блок был прозрачным, но ставите непрозрачный белый фон и хотите поставить прозрачную картинку?
И чтобы через этот блок было видно контент, который находится под ним?
Это невозможно.

Как сказали, выше - если вы пользуетесь саблаймом, к примеру, то можно записать макрос, привязать к нему хоткей, и потом будете писать просто form begin, жать tab, и у вас будет появляться комментарий нужного вам вида.

jsfiddle.net/aqbx1at2/2

Stylish

webformyself.com/minikurs/index-subscribe.html
7 и 8 уроки помогут вам понять основы верстки под WP