我有一個帶有 3 個行 div 的 col div，我想將它們放置在 col div 的中心，如圖所示，行 div 位于 col div 的左側，我不知道如何將它們放在 col div 的中心。<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/><div class="col text-center"> <div class="row"> <div id="tantargyselectdiv" class="col-sm-5"> <select name="tantargyselect" id="tantargyselect"> </select> </div> <div class="col-sm-5 text-center"> <div class="form-group"> <button type="submit" class="btn btn-primary">Mehet</button> </div> </div> </div> <div class="row"> <div id="tanarselectdiv" class="col-sm-5"> <select name="tanarselect" id="tanarselect"> </select> </div> <div class="col-sm-5 text-center"> <div class="form-group"> <button type="submit" class="btn btn-primary">Mehet</button> </div> </div> </div> <div class="row"> <form action="{{URL::to('statisztikaBetoltFelev')}}" method="post"> <input type="hidden" name="_token" value="{!! csrf_token() !!}"> <div id="felevselectdiv" class="col-sm-5 text-center"> <select name="felevselect" id="felevselect"> </select> </div> <div class="col-sm-5 text-center"> <div class="form-group"> <button type="submit" class="btn btn-primary">Mehet</button> </div> </div> </form> </div></div>我知道這對于專業的網絡開發人員來說看起來很糟糕，但我不是造型方面的專家，如果可以的話請幫助我。
1 回答
森欄
TA貢獻1810條經驗 獲得超5個贊
justify-content-center可行，但沒有人給出答案，所以我就這么做了。
請參閱下面的片段以幫助您理解。
<link rel="stylesheet"/>
<div class="col text-center">
? <div class="row justify-content-center">
? ? <div id="tantargyselectdiv" class="col-sm-5">
? ? ? <select name="tantargyselect" id="tantargyselect">
? ? ? </select>
? ? </div>
? ? <div class="col-sm-5 text-center">
? ? ? <div class="form-group">
? ? ? ? <button type="submit" class="btn btn-primary">Mehet</button>
? ? ? </div>
? ? </div>
? </div>
? <div class="row justify-content-center">
? ? <div id="tanarselectdiv" class="col-sm-5">
? ? ? <select name="tanarselect" id="tanarselect">
? ? ? </select>
? ? </div>
? ? <div class="col-sm-5 text-center">
? ? ? <div class="form-group">
? ? ? ? <button type="submit" class="btn btn-primary">Mehet</button>
? ? ? </div>
? ? </div>
? </div>
? <div class="row justify-content-center">
? ? <form action="{{URL::to('statisztikaBetoltFelev')}}" method="post">
? ? ? <input type="hidden" name="_token" value="{!! csrf_token() !!}">
? ? ? <div id="felevselectdiv" class="col-sm-5 text-center">
? ? ? ? <select name="felevselect" id="felevselect">
? ? ? ? </select>
? ? ? </div>
? ? ? <div class="col-sm-5 text-center">
? ? ? ? <div class="form-group">
? ? ? ? ? <button type="submit" class="btn btn-primary">Mehet</button>
? ? ? ? </div>
? ? ? </div>
? ? </form>
? </div>
</div>
- 1 回答
- 0 關注
- 199 瀏覽
添加回答
舉報
0/150
提交
取消