ブートストラップからコードを取得してナビゲーションバーを作成し、内部テキストを変更して画像を表示しました。すべてがうまく表示されますが、何かを変更したいのですが、わかりません。これは、ナビゲーションバー用に持っているコードです:
<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>
現在の様子がよくわかるように、URL リンクに画像を配置しました。CSS をデフォルトのブートストラップから変更していません。ダウンロードしてナビゲーションバーをシミュレートするだけで表示できます。
私が抱えている問題
まず、ボタンをページの中央に配置します。ボタンにテキスト配置の中央を配置し、「中央」タグでさえも囲みましたが、機能しません。これを中央に揃える方法がわかりません:/
第二に、ページを拡大すると、画像が積み重なります...それらをインラインに保ちたいです。cssにインラインを入れようとしたと思いますが、うまくいきませんでした... :/