我想在 pc 視圖中應用文本結束或按下按鈕以結束,并使每個按鈕占據整個寬度并在移動視圖中相互堆疊以用于內部的兩個 href 按鈕!任何想法??
<div class="row flex-between-end ps-0 pe-0">
<div class="col-md-5">
<label class="col-form-label text-facebook">@wordInfo["Title"]</label>
</div>
<div class="col-md-7 ps-sm-0">
<a href="@(ViewData["ROOT_URL"])menu/menuform/@Common.CommonConst.Mode.PUB_C_REGIST/"
class="btn btn-outline-primary mb-2 ms-1 float-md-end ">
<span class="fas fa-plus " data-
fa-transform="shrink-3"></span> @wordInfo["Regist"]</a>
<a href="@(ViewData["ROOT_URL"])menu/menusublist/" class="btn btn-outline-primary mb-2
float-md-end"><span class="fa fa-bars" data-fa-transform="shrink-3"></span>
@wordInfo["MenuSubList"]</a>
</div>
電腦查看正常
在此處輸入影像描述
在移動視圖中應該看起來像這樣在 此處輸入影像描述
uj5u.com熱心網友回復:
將此類移動設備添加到標簽(選單串列)和標簽(子,注冊)。
@media (max-width: 800px) {
.mobile {
display: flex;
flex-direction: column;
align-items: center;
}
}
這將使它們在screen-width<=800px時垂直,如果需要,請更改值。
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/429642.html
