dima117 28 июн 2012 в 23:38

Выпадающее меню в панели номеров страниц Twitter Bootstrap

2 мин

6.7K

Веб-разработка*CSS*

+24

Комментарии 23

iXCray 28 июн 2012 в 23:42

А чего так по-опенсурски недоделано-то? Ну, выровняйте меню по родительскому элементу?

-2

dima117 29 июн 2012 в 00:08

Не совсем понял, поясните. пожалуйста.
Сейчас меню выровнено по правому краю кнопки, открывающей меню.

iXCray 29 июн 2012 в 00:37

ширина меню по ширине родительского элемента

-1

dima117 29 июн 2012 в 08:43

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

Думаю, если кому-то потребуется выравнивание, то он сможет легко его добавить.

kafeman 28 июн 2012 в 23:49

Из-за разделителя кажется, что «по алфавиту» и "↓" — это два разных элемента.

dima117 29 июн 2012 в 00:06

это и есть 2 разных элемента. при клике на «по алфавиту» будет меняться порядок сортировки на противоположный (ах, да, еще надо добавить туда стрелочку, указывающую порядок сортировки)

НЛО прилетело и опубликовало эту надпись здесь

dima117 29 июн 2012 в 00:22

Нужно было сделать все именно в панели номеров страниц, т.е. внутри блока с class=«pagination».
Собственно, верстка почти такая же, как в Split button dropdowns, просто дописал недостающие стили.

Serzhenko 29 июн 2012 в 00:25

Pull Request отправили уже?

dima117 29 июн 2012 в 08:38

Был уже похожий Pull Request, но авторы TB его не приняли :(
Мой вариант отличается тем, что он не изменяет стандартные файлы TB.

Rome 29 июн 2012 в 09:03

Реквестирую подробную инструкцию как использовать less в bootstrap. Насчет раздела less, документация там совсем не понятная.
Я вот так подключил ваш файл

<link rel="../assets/less/pagination-dropdown.less" rel="stylesheet" type="text/css">

Две точки в начале, так должно быть, у меня ко всем css и js, они стоят.
Затем скопитастил ваш код, не работает. Меню разложено, а не сложено.

dima117 29 июн 2012 в 09:17

Извините, я не написал, что это для использования с .less версией bootstrap
Файлы .less можно подключить при помощи JavaScript или собрать из них CSS (заранее или «на лету»).

ЗЫ. Постараюсь сегодня сделать CSS-версию.

Rome 29 июн 2012 в 09:44

Мне css версия не нужна, я просто пытался разобраться как использовать less. Благодаря вам, я уже потихоньку начинаю понимать, думаю, за пару дней разберусь. Мне нужен был толчок.

dima117 29 июн 2012 в 10:28

Добавил в пост ссылку на css-версию и пример использования.

dima117 29 июн 2012 в 09:29

и да, у Вас написано «rel=» вместо «href=»

krovatti 29 июн 2012 в 09:28

Hello, world?

dima117 29 июн 2012 в 09:29

в каком смысле?

Mysterious 29 июн 2012 в 14:45

Но позвольте, вы же утратили всю гибкость BootStrap! При уменьшении размеров окна всё скукоживается и куда-то вылазит. Вы неправильно использовали блочную архитектуру.

dima117 29 июн 2012 в 22:54

Если Вы про общую верстку демо-страницы, то это незаконченный вариант. Не смотрите туда.

-1

dima117 13 апр 2013 в 23:01

Вот вариант, близкий к окончательному thinking-home.ru

НЛО прилетело и опубликовало эту надпись здесь

dima117 9 ноя 2012 в 23:35

Видел pull request с другим вариантом выпадающего меню (там было не совсем то, что мне нужно, но дело не в этом). В общем, авторы Bootstrap отклонили его с комментарием, что, по их мнению, выпадающие меню в списках страниц в бутстрапе не нужны.

НЛО прилетело и опубликовало эту надпись здесь

Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Показать лучшие за всё время

Выпадающее меню в панели номеров страниц Twitter Bootstrap

Комментарии 23

Публикации

Истории