1 Тема від WebAider Востаннє редагувалося WebAider (11.06.2019 23:02:24)

  • WebAider
  • Користувач
  • Поза форумом
  • Дата реєстрації: 15.09.2014
  • Повідомлень: 5
    • Репутація: 1

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

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

2 Відповідь від Q-bart

  • Q-bart
  • Q-bart
  • Хочу бути модератором, щоб такі штуки ставити
  • Поза форумом
  • Звідки: Центр інтернету
  • Дата реєстрації: 14.06.2014
  • Повідомлень: 1 725
    • Репутація: 717

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

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

3 Відповідь від WebAider

  • WebAider
  • Користувач
  • Поза форумом
  • Дата реєстрації: 15.09.2014
  • Повідомлень: 5
    • Репутація: 1

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

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

4 Відповідь від Key

  • Key
  • Key
  • Користувач
  • Поза форумом
  • Звідки: Lviv
  • Дата реєстрації: 27.12.2013
  • Повідомлень: 125
    • Репутація: 85

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

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

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

  • ktretyak
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 30.01.2014
  • Повідомлень: 2 080
    • Репутація: 758

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

Key написав:

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

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

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

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

  • Key
  • Key
  • Користувач
  • Поза форумом
  • Звідки: Lviv
  • Дата реєстрації: 27.12.2013
  • Повідомлень: 125
    • Репутація: 85

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

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

7 Відповідь від ktretyak

  • ktretyak
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 30.01.2014
  • Повідомлень: 2 080
    • Репутація: 758

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

Key написав:

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

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

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

  • Key
  • Key
  • Користувач
  • Поза форумом
  • Звідки: Lviv
  • Дата реєстрації: 27.12.2013
  • Повідомлень: 125
    • Репутація: 85

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

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

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

9 Відповідь від Sensetivity

  • Звідки: Дім
  • Дата реєстрації: 06.01.2015
  • Повідомлень: 378
    • Репутація: 207

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

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

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

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

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

Sensetivity вебсайт

10 Відповідь від ktretyak

  • ktretyak
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 30.01.2014
  • Повідомлень: 2 080
    • Репутація: 758

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 Відповідь від Sensetivity

  • Звідки: Дім
  • Дата реєстрації: 06.01.2015
  • Повідомлень: 378
    • Репутація: 207

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

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

Sensetivity вебсайт

12 Відповідь від Djalin

  • Djalin
  • Djalin
  • Користувач
  • Поза форумом
  • Звідки: Ukraine
  • Дата реєстрації: 02.11.2014
  • Повідомлень: 1 561
    • Репутація: 441

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

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

Djalin вебсайт

13 Відповідь від Sensetivity

  • Звідки: Дім
  • Дата реєстрації: 06.01.2015
  • Повідомлень: 378
    • Репутація: 207

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

Djalin написав:

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

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

Sensetivity вебсайт

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

  • ktretyak
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 30.01.2014
  • Повідомлень: 2 080
    • Репутація: 758

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

Sensetivity написав:

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

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

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

15 Відповідь від Blast

  • Blast
  • Blast
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 13.01.2014
  • Повідомлень: 1 099
    • Репутація: 156

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

Key написав:

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

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