Блок меню за рамки контейнера (Bootstrap)

[volshebnyi]

Здравствуйте!

Просьба помочь разобраться в такой ситуации:

Верстка на bootstrap. Шапка сайта на всю ширину body. И все бы ничего, но меню должно репититься направо до конца body.

Так же, не знаю как сделать скошенный угол в блоке меню. Макет адаптивный.

Для ясности прилагаю скрин.

Заранее благодарю за помощь!

Edited September 12, 2014 by volshebnyi

[Sergik+]

Без кода вангую, может меню не в обертке ?

[volshebnyi]

Без кода вангую, может меню не в обертке ?

<header>      <a href="#"><img src="img/logo.png" alt=""></a>      <nav>        <ul>          <li><a href="#"></a></li>          <li><a href="#"></a></li>          <li><a href="#"></a></li>        </ul>      </nav>    </header>

Конечно, здесь нужно в хедере добавить еще и будстреповский контейнер для центрирования и адаптивности. Но я ж не знаю как реализовать это меню....

Edited September 12, 2014 by volshebnyi

[volshebnyi]

Уважаемые форумчане! Неужто моя проблема не имеет решения?

[sigma77]

http://htmlforum.ru/index.php?showtopic=44936

[volshebnyi]

http://htmlforum.ru/index.php?showtopic=44936

А что не так в оформлении?

Вижу, что не в той теме ветку создал....

Edited September 15, 2014 by volshebnyi

[sigma77]

Как минимум отсутствие кода в виде ссылки на проблему.

[volshebnyi]

Как минимум отсутствие кода в виде ссылки на проблему.

4. Скриншоты.

Очень сильно помогает наглядное представление того что должно быть выполнено. Это может быть от руки нарисованная схема (в paint или photoshop — не важно). Или же скриншот макета, который ты выполняешь.

 

Я выложил скрин. Меня интересует как сделать один элемент на странице - меню. Код самого меню не могу выложить - потому как не знаю откуда плясать...

[Sergik+]

 

Как минимум отсутствие кода в виде ссылки на проблему.

4. Скриншоты.

Очень сильно помогает наглядное представление того что должно быть выполнено. Это может быть от руки нарисованная схема (в paint или photoshop — не важно). Или же скриншот макета, который ты выполняешь.

 

Я выложил скрин. Меня интересует как сделать один элемент на странице - меню. Код самого меню не могу выложить - потому как не знаю откуда плясать...

 

http://bootstrap-3.ru/examples/justified-nav/

[volshebnyi]

 

 

Как минимум отсутствие кода в виде ссылки на проблему.

4. Скриншоты.

Очень сильно помогает наглядное представление того что должно быть выполнено. Это может быть от руки нарисованная схема (в paint или photoshop — не важно). Или же скриншот макета, который ты выполняешь.

 

Я выложил скрин. Меня интересует как сделать один элемент на странице - меню. Код самого меню не могу выложить - потому как не знаю откуда плясать...

 

http://bootstrap-3.ru/examples/justified-nav/

 

При чем здесь меню на весь хедер? Мне нужно его вынести за рамки контейнера....

[Sergik+]

Какой вопрос, такой ответ ) Дайте код так сразу исправлю.

[sigma77]

Я выложил скрин. Меня интересует как сделать один элемент на странице - меню. Код самого меню не могу выложить - потому как не знаю откуда плясать...

Ну тогда ждите пока кто-нибудь сделает за вас всю работу.

Или пляшите от header (фон на всю ширину) > .container

Треугольник делается с помощью псевдоэлементов и 1) каритнки или 2) уголка сделанного с помощью границ.

[swandev]

ну я бы попробовал как-то так сделать

 

[volshebnyi]

Какой вопрос, такой ответ ) Дайте код так сразу исправлю.

Спасибо! Вот код:

http://jsfiddle.net/1yygfsxx/1/