Văn bản trong chân trang Bootstrap căn chỉnh ở giữa

Question

Chân trang trong trang web của tôi được căn chỉnh đến giữa.

<div id="footer"> 
    <div class="container"> 
    <p class="text-muted credit" style="color:#fff">xyz</p> 
    </div> 
</div> 

Mã này hoạt động hoàn hảo cho các trang khác nhưng trang này không hoạt động. Trang này chứa giao diện người dùng fullcalender mà tôi đã cắm nhưng tôi nghi ngờ có liên quan đến vấn đề của tôi.

Answer 1

Thử thêm lớp "trung tâm văn bản" vào vùng chứa. Vì vậy, bạn sẽ kết thúc với điều này:

<div id="footer"> 
    <div class="container text-center"> 
    <p class="text-muted credit" style="color:#fff">xyz</p> 
    </div> 
</div> 

Hãy xem điều đó có hiệu quả không. Nếu không, có thể dán đánh dấu của bạn cho trang để chúng tôi có thể xem nó. Nó cũng sẽ hữu ích nếu bạn kiểm tra phần tử chân trang với chrome chẳng hạn và đính kèm ảnh chụp màn hình của nó.

Answer 2

Đối với tôi với Bootstrap 3 đừng quên quy định col-md-12 col-sm-12 và col-xs-12 để làm việc.

Những điều khác tránh sử dụng style="color:#fff" nó phá vỡ chủ đề màu sắc. Sử dụng navbar-text để thay thế. Vì vậy, bạn nên có một cái gì đó như thế này:

<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation"> 
    <div class="container text-center"> 
     <p class="navbar-text col-md-12 col-sm-12 col-xs-12">&copy; xyz</p> 
    </div> 
</nav> 

từ năm ngoái, sử dụng container và không container-fluid