我有一排按钮在引导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 & Booking</span>
</a>
<a class="btn btn-primary warn" href="#contact">
<span>Book Hotel</span>
............
第一次
1条答案
按热度按时间3pvhb19x1#
您可以在小型设备上使用块按钮,在像这样的较大屏幕上使用flexbox。
第一个