Все же лучше Вам делать сразу на примере того, что надо сделать внутри навбара. В голову приходят медиа-запросы, которых я у Вас не вижу. Я не о тех, что уже есть в bootstrap, а о тех, что нужны для конкретной задачи.
Все зависит от того, платят Вам за время, которое Вы потратите на рисование этого с помощью html или нет, а также от того, что собираетесь поддерживать.
Я бы использовал картинку. Текст сделал бы текстом, возможно.
ссылку в див, в него же окно подсказки. задаете ему position:relative, а блоку с подсказкой position:absolute и свойствами top и right задаете положение относительно ссылки.
