Bootstrap - Navbar aligment

Question

У меня есть код из бутстрапа, чтобы создать навигационную панель и изменить внутренний текст для отображения изображений. Все дисплеи хорошо, но я хочу что-то изменить, и я не могу понять это. Это код, у меня есть для навигационной панели:

<div class="navbar"> 
<div class="navbar-inner"> 
<ul class="nav"> 
<li class="active"><a href="#"><img src="http://4.bp.blogspot.com/-Dv_1JE3QwtY/UXCa6uQGgQI/AAAAAAAASok/iUT8MJ3Y_QM/s1600/Upload+Symbol.png" width="100"></a></li> 
<li><a href="#"><img src="http://4.bp.blogspot.com/-Dv_1JE3QwtY/UXCa6uQGgQI/AAAAAAAASok/iUT8MJ3Y_QM/s1600/Upload+Symbol.png" width="100"></a></li> 

<li><a href="#"><img src="http://4.bp.blogspot.com/-Dv_1JE3QwtY/UXCa6uQGgQI/AAAAAAAASok/iUT8MJ3Y_QM/s1600/Upload+Symbol.png" width="100"></a></li> 

    <li><a href="#"><img src="http://4.bp.blogspot.com/-Dv_1JE3QwtY/UXCa6uQGgQI/AAAAAAAASok/iUT8MJ3Y_QM/s1600/Upload+Symbol.png" width="100"></a></li> 

</ul></div></div> 

Я puted изображения в URL-ссылки, чтобы вы могли лучше видеть, как это теперь. Я не изменил CSS из начальной загрузки. Вы можете просто загрузить его и смоделировать навигационную панель, чтобы увидеть ее.

ПРОБЛЕМЫ У МЕНЯ

Во-первых - я хочу, чтобы кнопки, которые будут сосредоточены на этой странице. Я поместил центр текстовой адаптации к кнопкам, и даже «центральный» тег окружает его, но он не работает. Я не могу понять, как выровнять это по центру:/

Во-вторых - если вы увеличите масштаб страницы, изображения будут складываться ... Я хочу, чтобы они не выходили из строя. Я думаю, что я попытался установить inline на css, но он тоже не работал ...:/

Не могли бы вы помочь?

Answer 1

Вы можете позиционировать свое меню в центре с помощью кода .active { margin-left:250px; } Вы можете написать это для позиции ваших кнопок. Если вы используете бутстрап, то он будет перемещать фотографии, чтобы сделать его подходящим для небольших разрешений. Если вы хотите, чтобы ваш сайт был исправлен, не используйте адаптивный плагин.