В сетке bootstrap два col-md-6, одно падает вниз

[garmoni]

Добрый день. При создании верхнего меню сайта с сеткой bootstrap правая часть падает вниз под левую. Не могу найти в чем причина.

Код https://jsfiddle.net/aw0qvc0e/

[npofopr]

Потому что разметка не верная. 
Почитайте документацию к бутстрапу. 

[garmoni]

11 минуту назад, npofopr сказал:

Потому что разметка не верная. 
Почитайте документацию к бутстрапу. 

что именно не верно?

[npofopr]

о. Дак у вас и бутстрап то не подключен к проекту) 
О чём тогда вообще речь?

[garmoni]

8 минут назад, npofopr сказал:

о. Дак у вас и бутстрап то не подключен к проекту) 
О чём тогда вообще речь?

Подключен в head https://jsfiddle.net/aw0qvc0e/1/

[npofopr]

Разочарую вас, но так нельзя делать, касательно jsfiddle.

Хотя бы так https://jsfiddle.net/npofopr/aw0qvc0e/3/

[garmoni]

8 минут назад, npofopr сказал:

Разочарую вас, но так нельзя делать, касательно jsfiddle.

Хотя бы так https://jsfiddle.net/npofopr/aw0qvc0e/3/

Мне нужно чтобы зона main-menu была на всю страницу, так как это фиксированое меню, а внутри wrapper.

Сделала все равно не помогло

<div class="main-menu">
			<div class="row wrapper">
				<div class="col-xs-12 col-md-6 ">
        			<section class="jqueryOptions opt1">
					<ul>
						<li>
							<a href="#">Меню</a>
						</li>
						<li>
							<a href="#">Ресторан</a>
						</li>
						<li>
							<a href="#">Банкетный зал</a>
						</li>
						<li>
							<a href="#">Спорт-бар</a>
						</li>
						<li>
							<a href="#">Контакы</a>
						</li>
					</ul>
					</section>
					
				</div>
				<div class="col-xs-12 col-md-6">
				<div class="order">
					<button>Заказать банкет</button>
				</div>
				<div class="select-area">
	  				<select name="choose" id="choose" class="input-select">
						<option value="opt1">RU</option>
						<option value="opt2">EN</option>
			      	</select>
			    </div>
				<div class="tel">
					<span>22 070 700</span>
				</div>
				</div>
			</div>
			</div>

 

Edited November 16, 2017 by garmoni

[klierik]

Я не вижу проблемы. По указанному выше примеру на jsfiddle правая часть не сбрасывается под левую.

[garmoni]

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

Я не вижу проблемы. По указанному выше примеру на jsfiddle правая часть не сбрасывается под левую.

https://jsfiddle.net/aw0qvc0e/4/

 

[DivMan]

Сначала это надо уметь делать на чистом CSS, а только потом применять чужие заготовки!

[klierik]

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

https://jsfiddle.net/aw0qvc0e/4/

Кажется ты не понимаешь как работает Responsive. Не важно какой ширины <div>, важно какой ширины экран. 

На скрине у тебя показана работа класса "col-xs-12" — ширина 100%. То есть — все правильно работает.

[garmoni]

56 минут назад, klierik сказал:

Кажется ты не понимаешь как работает Responsive. Не важно какой ширины <div>, важно какой ширины экран. 

На скрине у тебя показана работа класса "col-xs-12" — ширина 100%. То есть — все правильно работает.

На большом экране то же самое. У меня адаптивная верстка

 

Edited November 16, 2017 by garmoni

[klierik]

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

На большом экране то же самое. У меня адаптивная верстка

В примере нет никакого адаптива. А то что у тебя локально я не имею возможности узнать.

Если в пример https://jsfiddle.net/aw0qvc0e/5/ добавить Bootstrap то всё работает ровно так как и должно работать (как уже было сказано выше): http://take.ms/1VPYm

[garmoni]

24 минуты назад, klierik сказал:

В примере нет никакого адаптива. А то что у тебя локально я не имею возможности узнать.

Если в пример https://jsfiddle.net/aw0qvc0e/5/ добавить Bootstrap то всё работает ровно так как и должно работать (как уже было сказано выше): http://take.ms/1VPYm

Наверное что то не так подключила

http://garmoni.inf.ua/paprika/

Edited November 16, 2017 by garmoni

[klierik]

2 минуты назад, garmoni сказал:

http://garmoni.inf.ua/paprika/

Всё просто — присутствуют изменения в стилях: http://take.ms/EyNvt

[garmoni]

12 минуты назад, klierik сказал:

Всё просто — присутствуют изменения в стилях: http://take.ms/EyNvt

Спасибо

[garmoni]

Еще одна проблемка. В слое feedback - wrapper{margin: 0 auto;} перечеркнут

[klierik]

13 часа назад, garmoni сказал:

Еще одна проблемка. В слое feedback - wrapper{margin: 0 auto;} перечеркнут

http://take.ms/vUgfa

[garmoni]

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

http://take.ms/vUgfa

Спасибо за подсказки

[garmoni]

Чтобы не создавать отдельно тему, еще вопрос

Текст на картинке находится под логотипом
https://screenshots.firefox.com/zyZPqLgqEE1Ei59M/garmoni.inf.ua

после уменьшения экрана, картинка не уменьшает и получается такое
https://screenshots.firefox.com/yGW4tvmsJ7xGGJB8/garmoni.inf.ua

Edited November 17, 2017 by garmoni

[klierik]

Как вариант — http://take.ms/ktZe8

Ах да, и вот тут http://take.ms/MRccl стили поломаны.

[garmoni]

Получилось. Спасибо