bootstrap горизонтальное расположение элементов меню с переходом в выпадающий список

У меня есть горизонтальная менюшка фиксированной ширины, куда пользователь может добавлять пункты и называть их по своему усмотрению, таким образом каждое название пункта будет иметь разную ширину зависящую от названия и выводиться в виде ссылки. Я не понимаю как узнать в какой момент нужно перестать располагать элементы горизонтально, если они перестают умещаться, и начать заворачивать их в выпадающий список с помощью php и css.