iBird Rose

интересный баг. есть только в хроме. опытным путем установил, что он из за градиента.

ты сам не знаешь чего ты хочешь. а такое можно узнать лишь одним способом - опытным путем.

fancyapps.com/fancybox/3

как вариант для десктопа суешь логотип прям внутрь li у меню. а выше меню делаешь клон этого лого но с display:none;
а при адаптиве уже сркрываешь этот li с логотипом. а который выше - показываешь.

ну может стили placeholder'a надо на input вешать, а не на блок?

расставить clearfix. Примерно так:

<div class="row">
	<div class="col-lg-4 col-sm-6"></div>
	<div class="col-lg-4 col-sm-6"></div>
	<div class="clearfix visible-sm visible-md"></div> //через каждые 2
	<div class="col-lg-4 col-sm-6"></div>
	<div class="clearfix visible-lg"></div> //через каждые 3
	<div class="col-lg-4 col-sm-6"></div>
	<div class="clearfix visible-sm visible-md"></div>
	<div class="col-lg-4 col-sm-6"></div>
	<div class="col-lg-4 col-sm-6"></div>
	<div class="clearfix visible-sm visible-md"></div>
	<div class="clearfix visible-lg"></div>
	<div class="col-lg-4 col-sm-6"></div>
</div>

а зачем? это тебе пригодится только если настанет момент, что придется верстать без интернета.
но даже, если это случится - у тебя возникнут куча других проблем из за отсутствия интернета, нежели вспомнить теги.

seiyria.com/bootstrap-slider

обернуть в div, которому нужно задать минусовой margin отступов.

.row {margin-left: -15px; margin-right: -15px;}
.col {width: 20%; padding-left: 15px; padding-right: 15px;}

зависит от ситуации. к примеру такое используется в модалках. в модалках правильным решением будет - создавать фон за модалкой и уже вешать закрытие модалки по клику на этот фон.
но и вешать клик на document (хоть и считается не правильным) - это не смертельно. на работу других скриптов это не повлияет.