Bootstrap Navbar Разнос

Первый здесь мой Plunker код: http://plnkr.co/edit/lh9t3ThQrJF3Tauv5Sno?p=preview Bootstrap Navbar Разнос

Пожалуйста, обратите внимание, что вы должны расширить область просмотра слева, чтобы видеть все элементы.

Что я пытаюсь сделать, это уменьшить расстояние между красным (X) (удалить символ) и item. В основном, когда вы нажимаете красный (X), item удаляется из navbar. Прямо сейчас это не выглядит правильным с огромным расстоянием между ними. Я пробовал использовать другие элементы, такие как span, <a>, padding, margin, и все они, похоже, не очень совместимы с navbar, поскольку это похоже только на <li> с точки зрения выравнивания и интервала.

Что еще я могу сделать, чтобы расстояние между красными (X) и item?

источник

2013-07-12 cYn

http://jsfiddle.net/isherwood/8ZawD/2 (классы коллапс NavBar отключены для удобства)

.icon-remove-sign { 
    margin-left: -20px; 
}

Испытанные в Chrome, FF, и IE10 на Win7/64.

Вот обновленный ответ, основанный на комментариях ниже. Обратите внимание, что я изменил HTML, чтобы сделать его более логичным с точки зрения доступности.

http://jsfiddle.net/isherwood/8ZawD/4/

источник

2013-07-12 17:51:56 isherwood

Спасибо за вашу помощь, но что did't это сделать. Он переместил красный (X) дальше от предмета. Мне нужны они рядом с предметом. – cYn

Трудно сказать, что такое «элемент» в вашем коде. Я предположил, что кнопка закрытия была для элемента списка слева. Он не должен быть его собственным элементом списка. – isherwood

Прошу прощения за недопонимание. Когда я сказал пункт, я имел в виду item1, item2. Но вы сделали меня в правильном направлении, поскольку я не знал, что мы можем использовать отрицательные значения для поля. Вместо этого я переместил item1, item2, придав им отрицательные поля, и он выглядит так, как я хотел. – cYn

ответ

Смежные вопросы