Javascript 引导-移动设备上的按钮显示&；桌面

如何更改下面的按钮以在手机上正确显示

HTML

<div class="container-fluid bg-1 text-center">
    <div class="row text-center" style="display:inline">
        <div class="col-lg-12">
            <div class="col-lg-4" style="float:right;">
                <a href="#" class="btn btn-outlined btn-white btn-lg" data-wow-delay="0.7s">QUESTIONS AND ANSWERS</a>
            </div>
            <div class="col-lg-4">
                <a href="#" class="btn btn-outlined btn-white btn-lg" data-wow-delay="0.7s">REGISTER</a>
            </div>
            <div class="col-lg-4">
                <a href="#" class="btn btn-outlined btn-white btn-lg" data-wow-delay="0.7s">CONTACT</a>
            </div>
        </div>
    </div>          
</div>

我想要桌面效果：

+带有全文显示的手机上的响应按钮。我认为问题在于网格，但当我更改为其他值时，我也会遇到同样的问题。

检查下面的内容

.btn-lg
.btn-md
.btn-sm
.btn-xs

lg大、md中、sm小、xs超小

请参阅下面的链接，它可能对您有用

---

使用隐藏和可见类中内置的引导

只在手机上看

Class="visible-xs" 

Class = "hidden-xs"

躲在手机上

Class="visible-xs" 

Class = "hidden-xs"

还有平板电脑、中型桌面和大型桌面的sm、md和lg Vertons

---

这些类非常方便，但您可能需要自定义媒体查询

如果您使用的是引导，请使用col sm-*指定移动设备上的列宽。或者您也可以使用海关媒体查询