0

ブートストラップからコードを取得してナビゲーションバーを作成し、内部テキストを変更して画像を表示しました。すべてがうまく表示されますが、何かを変更したいのですが、わかりません。これは、ナビゲーションバー用に持っているコードです:

<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にインラインを入れようとしたと思いますが、うまくいきませんでした... :/

4

1 に答える 1