Bootstrap列在響應時向左移動

Question

我試圖上傳和映像，但由於某種原因，它無法正常工作。

基本上，我在​​有超長鏈接列表，所以有三列。在PC和筆記本電腦上，它看起來非常好，但是當使用手機進行響應時，所有鏈接都會直接進入屏幕的左側。

如何在響應時將它們設置爲中央？

感謝您的時間

Answer 1

請參閱下面的代碼：

<!-- Stack the columns on mobile by making one full-width and the other half-width --> 
 
<div class="row"> 
 
    <div class="col-xs-12 col-md-8">.col-xs-12 .col-md-8</div> 
 
    <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div> 
 
</div> 
 

 
<!-- Columns start at 50% wide on mobile and bump up to 33.3% wide on desktop --> 
 
<div class="row"> 
 
    <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div> 
 
    <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div> 
 
    <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div> 
 
</div> 
 

 
<!-- Columns are always 50% wide, on mobile and desktop --> 
 
<div class="row"> 
 
    <div class="col-xs-6">.col-xs-6</div> 
 
    <div class="col-xs-6">.col-xs-6</div> 
 
</div>