3

私は自分のウェブサイトのシンプルなホームページに取り組んでいますが、井戸を均等に広げたいと思っています。左を左に、右を右に揃えることはできますが、常にページの中央に留まるように中央をうまく配置できないようです。私は多くのことを試しましたが、それらはすべて機能しません。自分のサイトを見て、何をしたいのかを確認してください。ウェルは画像スライダーの下にあります。これは私が行ったコードですが、CSS はデフォルトのブートストラップ min css で、色にいくつかの調整が加えられています。

<div class="container">
 <div class="row">
  <div class="col-lg-4 well" style="margin-left: 10px !important; width: 330px;
       margin-right: 10px; padding: 4px !important; min-height: 330px; ">
     <center>
       <img style="height: 135px;" src="img/ts.png" />
       <h3>TeamSpeak 3</h3>
           <br />
       <p>Chat with us on our TeamSpeak at: <br />
        <b><a href="ts3server://ts.clustermc.net">ts.clustermc.net</a></b>
        <br /> So, come have a wonderful conversation with us!</p>
     </center>
  </div>
  <div class="col-lg-4 well" style="margin-left: 10px !important; width: 330px;
       margin-right: 10px; padding: 4px !important; min-height: 330px; ">
     <center>
       <img style="height: 135px;" src="img/wool.png" />
       <h3>Cluster MC</h3>
       <div class="progress" style="margin-bottom: 7px; width: 200px;">
         <div class="progress-bar progress-bar-success" style="width: 2.0%;">
         </div>
         <div class="progress-bar progress-bar-danger" style="width: 98.0%;">
         </div>
       </div>
       <p style="margin-top: -27px; color: white; font-weight: bold;">
           3 Online</p>
       <br />
       <p>Start collecting your ClusterCredits now at:<br />
         <b>play.clustermc.net</b></p>
    </center>
 </div>
 <div class="col-lg-4 well" style="margin-left: 10px !important; width: 330px;
      margin-right: 10px; padding: 4px !important; min-height: 330px; ">
   <center>
     <img style="height: 135px;" src="img/forums.png" />
     <h3>Community Forums</h3>
     <br />
     <p>Come and talk to some of our memers and staff at the forums! <br />
       <b><a href="http://clustermc.net/forums">www.clustermc.net/forums</a>
       </b>
       <br />We dont bite, we promise!</p>
   </center>
 </div>
 </div>
 </div>

悪いレイアウトで申し訳ありません。私はコーディングの初心者で、学びたいです:)

4

2 に答える 2

0

3 つの 'well' div が既にページの真ん中にあるように見えますか?

すべてが<div class="container">そこにあるため、ページの中央に配置するために使用されるブートストラップ クラスです。http://getbootstrap.com/2.3.2/scaffolding.html#layoutsに従って。

注:クラスの最終エンディングがないよう</div>ですcontainer

どのような問題が発生しているかは 100% わかりません。あなたが達成したいことのスクリーンショットを提供してください。

于 2013-10-23T23:21:03.240 に答える