Jack London

У меня получилось несколько вариантов, как это сделать. Но у каждого есть свои плюсы и минусы:
1. Добавить тег переноса <br> в конец каждой ссылки
2. Добавить тег форматирования текста <pre>внутри все ссылки</pre>
3. Метод делает тоже самое, только с помощью css (появляется пустая строка в начале, чтобы её не было просто уберите перенос перед первой ссылкой)
4. Можно добавить расстояние между каждой ссылкой
5. Задать минимальное или нулевое значение ширины блока родителя
6. Обернуть все ссылки любым html тегом и задать flex
7. Обернуть в старый, добрый список ul > li



8. С помощью javascript.

Проблема решена написанием маленького скрипта перед закрывающимся body

$(document).ready(function(){ 
  $("a[data-toggle='tab']").click(function(e){
    e.preventDefault();
    if($('input[type=number]').val()!='') {
    	$(this).tab('show');
    } else {
    	$('input[type=number]').focus();
    	return false;
    }
  });
});