我有一排按钮在引导HTML网站当我打开它在桌面视图它的工作完美，但在移动的视图，它是一个烂摊子。
下面是我代码：

<div class="creative ">
    <div class="container" style=" padding-top: 50px">

        <div class="card mt-3" style=" background-color:  rgba(255,255,255,.6);">
            <div class="mt-1 card-body" id="artical">
                {#                <h4>El Gouna</h4>#}
                <a class="btn btn-primary warn" href="#about">
                    <span>Divecenter</span>
                </a>
                <a class="btn btn-primary warn" href="#about">
                    <span>Hotels</span>
                </a>
                <a class="btn btn-primary warn"  href="{% url 'price_list' %}">
                    <span>Price &amp; Booking</span>
                </a>
                <a class="btn btn-primary warn" href="#contact">
                    <span>Book Hotel</span>
............

第一次