В моем приложении я пытаюсь иметь несколько последовательных меток, например, в jsbin:
Вместо этого я получаю следующее:
Как вы можете видеть, между метками нет интервала. Это, вероятно, из-за проблемы в моем CSS, но я не могу найти виновника.
Где расстояние между метками, определенными в бутстрапе? Зная, что это позволит мне сузить поиск ошибок в моем CSS.
Это не имеет никакого отношения к вашему CSS вообще. Просто добавьте пробел или разделите строку между вашими метками ".label".
Это случилось со мной, когда используемая среда начала сжимать HTML, чтобы сохранить несколько байтов.
Этот эффект можно увидеть на этом jsbin.
Вам нужно удалить пробел внутри.
Следующие промежутки не имеют места между собой:
<span class="label label-primary"> Primary </span>
<span class="label label-default"> Default </span>
Следующие интервалы имеют правильный интервал между ними:
<span class="label label-primary">Primary</span>
<span class="label label-default">Default</span>
Обратите внимание, что ведущее/конечное белое пространство должно быть удалено из внутри элемента span для правильной работы.
Интервал между метками (используя <span>) не определен в начальной загрузке, на самом деле это HTML-код по умолчанию, встроенный в браузер.
Я не уверен, что CSS может вызвать такое расстояние между элементами <span> (исключая заполнение и маржу), но я сильно подозреваю, что причина, по которой он не применяется в вашем случае, заключается в том, что вы есть float:left; где-то добавлено к вашим элементам span.
Ваша проблема реплицирована здесь.
Следовательно, решение состоит в том, чтобы использовать инструмент инспектора в элементе <span> и найти строку и стереть там, где добавляется float:left;.
Я сделал это.
.label {
margin-left: 5px;
}
Вы можете отредактировать файл bootstrap.css или отредактировать less/labels.less и скомпилировать.
Косвенная проблема может быть чем-то в коде javascript. Я тестирую без javascript из бутстрапа.