Как сделать шапку

[Sheedy]

Здравствуйте, подскажите как сделать шапку такую как на скрине? 
 

[tomm2001]

19 минут назад, Sheedy сказал:

как сделать шапку такую как на скрине? 

верстальщик любую сверстает. были бы деньги.

[Sheedy]

5 минут назад, tomm2001 сказал:

верстальщик любую сверстает. были бы деньги.

да ладно, я хочу сам научиться

[Sheedy]

В 07.03.2018 в 21:29, Pascha сказал:

Гуглим: cover

спасибо, разобрался) но теперь другая проблема. вот тут 5 картинок с ссылками которые я соединил вместе, но ни знаю как их адаптировать, чтобы при изменение масштаба они тоже растягивались или сужались.

 

 

Вот, при увеличение масштаба такая бяка получается

[zlatoff]

Остановитесь на варианте из 4 или 6 тизеров, т.к. у бутстрапа 12 колонок. Как вариант один блок можно сделать в 2 раза больше прочих, и тогда все прекрасно впишутся в сетку и адаптивность легко достижима.

[Sheedy]

7 минут назад, zlatoff сказал:

Остановитесь на варианте из 4 или 6 тизеров, т.к. у бутстрапа 12 колонок. Как вариант один блок можно сделать в 2 раза больше прочих, и тогда все прекрасно впишутся в сетку и адаптивность легко достижима.

ага, ещё бы разораться с бустрапом... 

[zlatoff]

25 минут назад, Sheedy сказал:

ага, ещё бы разораться с бустрапом... 

Держите бутстрапный блок на 4 тизера:

<div class="row">
	<div class="col-sm-3">
		<a href=""><img src="" alt="" class="img-responsive"></a>
	</div>
	<div class="col-sm-3">
		<a href=""><img src="" alt="" class="img-responsive"></a>
	</div>
	<div class="col-sm-3">
		<a href=""><img src="" alt="" class="img-responsive"></a>
	</div>
	<div class="col-sm-3">
		<a href=""><img src="" alt="" class="img-responsive"></a>
	</div>
</div>

12 колонок делим на 4 блока - получаем по 3 колонки на блок - т.е. col-sm-3. Если нужно на 6 блоков то меняйте на 2хколоночные блоки col-sm-2 и соответсвенно добавте в верстку еще 2 блока.

[Sheedy]

В 10.03.2018 в 12:40, zlatoff сказал:

Держите бутстрапный блок на 4 тизера:

<div class="row">
	<div class="col-sm-3">
		<a href=""><img src="" alt="" class="img-responsive"></a>
	</div>
	<div class="col-sm-3">
		<a href=""><img src="" alt="" class="img-responsive"></a>
	</div>
	<div class="col-sm-3">
		<a href=""><img src="" alt="" class="img-responsive"></a>
	</div>
	<div class="col-sm-3">
		<a href=""><img src="" alt="" class="img-responsive"></a>
	</div>
</div>

12 колонок делим на 4 блока - получаем по 3 колонки на блок - т.е. col-sm-3. Если нужно на 6 блоков то меняйте на 2хколоночные блоки col-sm-2 и соответсвенно добавте в верстку еще 2 блока.

ага, спасибо, понял, но теперь проблема в другом. А как расстояние между картинками убрать, чтобы все 4 были вместе? 

[zlatoff]

9 минут назад, Sheedy сказал:

ага, спасибо, понял, но теперь проблема в другом. А как расстояние между картинками убрать, чтобы все 4 были вместе? 

Ааааааааа.... о5 таки учить бутстрап!!!! Там ВСЕ есть для этого.

Молодой человек вы чего хотите в итоге? Каковы ваши мотивации?

1) Вы хотите научится все делать сам - тут есть такие, и к ним все с уважением относятся, натаскиваем, самого учили, знаю - вас уже направили где копать - учите bootstrap и будете грамотно верстать без наших подсказок.

2) Вы бизнесмен и хотите делать деньги в e-commerce  - тогда читайте Маркса или Уорена Баффета - которые повторяют друг друга в том что прежде чем заработать денег, надо сначала их вложить в дело. Наймите спеца (хотя как выяснилось на форуме трудно найти нормального и свободного версталу), и не мучайте 5-ю точку.

[Sheedy]

1 час назад, zlatoff сказал:

Ааааааааа.... о5 таки учить бутстрап!!!! Там ВСЕ есть для этого.

Молодой человек вы чего хотите в итоге? Каковы ваши мотивации?

1) Вы хотите научится все делать сам - тут есть такие, и к ним все с уважением относятся, натаскиваем, самого учили, знаю - вас уже направили где копать - учите bootstrap и будете грамотно верстать без наших подсказок.

2) Вы бизнесмен и хотите делать деньги в e-commerce  - тогда читайте Маркса или Уорена Баффета - которые повторяют друг друга в том что прежде чем заработать денег, надо сначала их вложить в дело. Наймите спеца (хотя как выяснилось на форуме трудно найти нормального и свободного версталу), и не мучайте 5-ю точку.

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

[Sheedy]

3 часа назад, Sheedy сказал:

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

Уже решил.