我有一個表格，我從我使用的表格中插入了一塊bootstrap.min.css col-lg-6
現在當螢屏寬度很大時，第一列有文字的會在左邊，而按鈕在右邊
而當寬度較小時，比如說移動設備，那么帶有文本的列將在頂部，而按鈕將在底部
我想讓大寬度的東西保持不變，左邊的文本，右邊的按鈕。而對于移動設備，我希望它是相反的方式，按鈕在頂部，文本在底部
到目前為止，我唯一的想法是制作 2 個按鈕，并根據螢屏大小隱藏額外的一個
但是還有另一種方法可以做到這一點嗎？
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<div class="row">
<div class="col-md-6">
<form>
<div class="row">
<div class="col-lg-6">
<div class="form-group">
asd
</div>
</div>
<div class="col-lg-6">
<button type="submit">Submit</button>
</div>
</div>
</form>
</div>
</div>uj5u.com熱心網友回復：
Boostrap 3.2 版在您的專案中是強制性的嗎？因為在較新版本的 Bootstrap 中，您可以將訂單類用于您的任務。
我曾經使用過你的代碼片段，使用 Bootstrap 的 Oder 類：
<div class="row">
<div class="col-md-6">
<form>
<div class="row">
<div class="col-lg-6 order-2 order-md-1">
<div class="form-group">
asd
</div>
</div>
<div class="col-lg-6 order-1 order-md-2">
<button type="submit">Submit</button>
</div>
</div>
</form>
</div>
</div>
（在線看這里）
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/512278.html
標籤：htmlcss