Sitesi Birazdan için dengeliyor neden tam emin değilim, Bootstrap 3 Mobil telefonun kullanıyorum

Question

Bootstrap kullanarak merkezli değil.

<div class="container"> 
 
\t \t \t <div id="content"> 
 
\t \t \t \t <a href="/winning-films"> 
 
\t \t \t \t \t \t \t <div class="text-center banner">Check out the 2015 Salt Flats Film winners!!!</div> 
 
\t \t \t \t </a> 
 
\t \t \t \t <div class="row"> \t 
 
\t \t \t \t \t \t <div id="main-page"> 
 
\t \t \t \t \t \t \t <h2>SALT FLATS FILM FESTIVAL</h2> 
 
\t \t \t \t \t \t \t <div class="center-slider"> 
 
\t \t \t \t \t \t \t \t <?php include_once('jssor_slider.php')?> 
 
\t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t <h3>Presented by</h3> 
 
\t \t \t \t \t \t \t <a href="http://www.kidsfindjoy.org"> 
 
\t \t \t \t \t \t \t <img class="img-responsive center center-block" src= "/img/joy-logo.jpg"> 
 
\t \t \t \t \t \t \t </a> 
 
\t \t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t </div>

mobil ortamda konteyner sınıfı ile div ortalamak için someway var mı?

Answer 1

Tam kodu görmeden söylemek zordur, ancak genel bir strateji olarak, sayfayı krom geliştirici araçları gibi bir şeyle denetleyin ve hangi öğelerin (görünümlerin) görünümden daha geniş olduğunu ve böylece genişliğin veya ana öğelerinin genişlemesini görün .

Answer 2

Eh, Burada sınıf metin merkezi banner ile div sırasını değiştirdim, <a></a> etiketi div içinde olmalıdır. İkinci önermek

<div class="cointainer"> 
    <div id="content"> 

    <div class="text-center banner"><a href="/winning-films">Check out the 2015 Salt Flats Film winners!!!</a></div> 

    <div class="row"> 
     <div id="main-page"> 
     <h2>SALT FLATS FILM FESTIVAL</h2> 
     <div class="center-slider"> 
      <!--?php include_once('jssor_slider.php')?--> 
     </div> 
     <h3>Presented by</h3> 
     <a href="http://www.kidsfindjoy.org"><img class="img-responsive center center-block" src="/img/joy-logo.jpg"></a> 
     </div> 
    </div> 
    </div> 
</div> 

bu yüke ve devre dışı zoom sayfanızı ortalamak ve üçüncü önermek

Pingendo kullanmaktır ilerlemek için yardımcı olacaktır html kafası <meta name="viewport" content="width=device-width, initial-scale=1"> bu çizgiyi kullanmak doğrulamak için, Yeni bir geliştiriciyseniz, bu araç Bootstrap ile güzel bir görünüm veya arayüz oluşturmanıza yardımcı olacaktır ve görünümünüze önyükleme öğelerinin öğelerini çizdiğinizde HTML kodunu ve CSS3'ü göreceksiniz.

Saygılar!