Управление меню Asp.net - включить или убрать вкладку

Question

У меня есть элемент управления asp.net, встроенный в div на моем сайте.

Моя проблема в том, что у меня будет от 15 до 20 меню, и элемент управления меню выглядит загроможденным, когда я показываю все меню примерно так, как показано ниже.

Я думаю о применении CSS к элементу управления меню, однако я не знаю, как я могу контролировать количество элементов, отображаемых в меню. Я не могу удалить предметы, так как они являются обязательными. Что мне нужно, так это показать первые 5 меню, а остальное - в выпадающем списке или с помощью скроллера, как на скриншоте ниже.

Мне нужно, чтобы элемент управления меню отображался, как показано ниже

или же

Может кто-нибудь помочь мне решить мою проблему?

РЕДАКТИРОВАТЬ

Мне удалось получить все меню в одну строку, изменив стиль списка из списка в таблицу.

Это решило мою проблему с беспорядком, однако меню выходят за пределы ширины вида div. Я попытался изменить ширину, но это не помогло мне. как установить ограничение для отображения только нескольких меню и предоставить функцию поддержки прокрутки для просмотра оставшихся меню.

Answer 1

Я думаю, что вы ищете что-то вроде этого: http://www.eyecon.ro/bootstrap-tabdrop/

Дайте мне знать, если это сработает, выглядит многообещающе, но я никогда не пробовал.

РЕДАКТИРОВАТЬ

Хорошо, я попробовал это. Если вы хотите, чтобы конкретно 5 из них или аналогичных. Вы можете сделать что-то вроде этого в CSS:

ul.nav > li {
  width: 15%; 
}

Смотрите скрипку здесь. (Попробуйте изменить размер окна)