1

Тема: Bootstrap 3 адаптивне меню

Вітаю.
Потрібна допомога з адаптивним меню на Bootstrap3.
При зменшенні екрану головне меню згортається і розташовується в одну кнопку (три тире)
праворуч, при натисканні розгортаються пункти меню в стовпчик.
У прикладі (посилання нижче) три колонки, там є теж меню, потрібно щоб воно
спрацьовувало таким самим чином.
Прописав потрібні стилі (скопіював з головного меню але з іншими
назвами) при зменшенні екрану кнопка згортається (три вертикальних
крапки праворуч) але меню не приховується, тільки при натисканні спрацьовує.
Що не так прописав чи недописав неможу зрозуміти? Заздалегідь дякую.
Посилання на сторінку: http://test.webaider.com/

2

Re: Bootstrap 3 адаптивне меню

В мене і опері і в хромі відразу зникає.

Навчаюсь вчитись, щоб навчатись.

3

Re: Bootstrap 3 адаптивне меню

Спробував в інших браузерах, так само, не зникає меню, коли тільки на "три крапки" натисн. то згортає, а потім можна розгорути натиснувши ще раз. Якщо це проблема відображення в браузерах то чому тоді головне спрацьовує в Моzzila а в колонка ні?

4

Re: Bootstrap 3 адаптивне меню

1. давай js(тільки не  все а той що за меню відповідає).
2. Відмовляйтеся від сss фреймворків!

5 Востаннє редагувалося ktretyak (02.04.2015 16:32:55)

Re: Bootstrap 3 адаптивне меню

Key написав:

...
2. Відмовляйтеся від сss фреймворків!

Це ж чому? Бо краще самому знати поведінку більшості браузерів та кожен раз писати свої граблі та велосипеди?

Подякували: A.N.Onim1

6 Востаннє редагувалося Key (03.04.2015 09:30:08)

Re: Bootstrap 3 адаптивне меню

Для чого тягнути купу непотрібу?

7

Re: Bootstrap 3 адаптивне меню

Key написав:

Для чого тягнути купу непотрібу?

Купу непотребу можна відсіювати за допомогою широко відомих інструментів для веб-розробників, які показують які стилі і де використовуються.

8 Востаннє редагувалося Key (03.04.2015 13:57:55)

Re: Bootstrap 3 адаптивне меню

цікаво скільки часу на це піде...
але хоча ні, не цікаво :)

Подякували: Djalin1

9

Re: Bootstrap 3 адаптивне меню

ktretyak написав:
Key написав:

Для чого тягнути купу непотрібу?

Купу непотребу можна відсіювати за допомогою широко відомих інструментів для веб-розробників, які показують які стилі і де використовуються.

Можна конкретніше?

10

Re: Bootstrap 3 адаптивне меню

Sensetivity написав:

Можна конкретніше?

Можна звичайно ж, зокрема є таке чи не найпопулярніше розширення Firebug, яке має закладку "CSS Usage" (зверніть також увагу на частину після назви CSS-файла, тобто на "export cleaned css":
https://1933a544b9b651d3813e8de397efcd5a179e17e8.googledrive.com/host/0Bwk9euTxkxYUOFFUS29tSGJ4eXM/replace.org.ua/img/usage-css.png

11

Re: Bootstrap 3 адаптивне меню

Але ж це одна сторінка...
Хіба що зберегти до кожної сторінки потрібні стилі а потім якось порівняти їх.

12

Re: Bootstrap 3 адаптивне меню

дурне питання, у вас на кожну сторінку свій стиль?

13

Re: Bootstrap 3 адаптивне меню

Djalin написав:

дурне питання, у вас на кожну сторінку свій стиль?

ні. один стиль на весь сайт.
Але скажімо, якщо з бутстрапу використовується на головній 2 кнопки то на інших сторінках може бути 3-5 різних.

14 Востаннє редагувалося ktretyak (16.08.2015 15:20:13)

Re: Bootstrap 3 адаптивне меню

Sensetivity написав:

Але ж це одна сторінка...
Хіба що зберегти до кожної сторінки потрібні стилі а потім якось порівняти їх.

Дуже наївно думати, що цього не розуміють розробники даного розширення. В інтернеті повно інфи про Firebug, почитайте. Там можна включити сканування і ходити по всім сторінкам, де вам треба виявити стилі.

Хоча я сам ним особливо не користувався, але мабуть проблеми можуть виникнути хіба що зі станами (:hover, :active...)

15

Re: Bootstrap 3 адаптивне меню

Key написав:

Для чого тягнути купу непотрібу?

http://getbootstrap.com/customize/Тримайте щоб не тягнути купу всюго.

Junior Django Developer