如何在移动设备中保持每行3列的网格-Bootstrap 4

Question

我想在移动设备，台式机等设备中分成三列。 但目前在移动设备中，每行仅显示1列。

                <div class="container">
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                            demotext1
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                            demotext1
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                            demotext1
                        </div>
                    </div>
             </div>

Answer 1

<div class="container">
   <div class="row">
       <div class="col-lg-4 col-md-4 col-sm-4 col-4">
             demotext1
       </div>
       <div class="col-lg-4 col-md-4 col-sm-4 col-4">
             demotext1
       </div>
       <div class="col-lg-4 col-md-4 col-sm-4 col-4">
             demotext1
       </div>
   </div>
</div>

在bootstraph 4中，col-xs-4替换为col-4