Bootstrap グリッドシステムの利用　その２

投稿日 投稿者 esadao
使用例
ボタンの色
一行目の部分
戻る　   新規  　mode　  loginname　題目
col-1   col-1   col-1   col-2     col-3   
<div class="row">
  <input type="submit" name ="back" value =" 戻る " class="col-1 btn btn-danger   btn-sm">
  <input type="submit" name ="newbtn" value =" 新規 " class="col-1 btn btn-warning  btn-sm">
  <div class="col-1"><?php print $_SESSION['mode'];?></div>
  <font size="2" class="col-2"><?php print $_SESSION['login']; ?>
  <?php print $_SESSION['staff_name']; ?></font>
  <font size="3" class="col-3">仕入支給明細  sireta_view </font></td>
</div>
二行目の部分
開始日　日付　終了日　日付　ラジオボタン
col-1  col-2 col-1 col-2  col-3
<div class="row">
　<font  class="col-1 text-white bg-dark">開始日</font>
  <input  id="datepicker" name="symd" type="text"   class="col-2" value="<?php print $_SESSION['symd'];?>" >
　<font   class="col-1 text-white bg-dark">終了日</font>
  <input  id="datepicker2" name="eymd" type="text"  class="col-2" value="<?php print 　　　$_SESSION['eymd'];?>" >
　<div class="col-3">
......
  <input name="dkbn" type="radio" value="dkbn0"<?php print $dkbn0;?>>仕入
  <input name="dkbn" type="radio" value="dkbn1"<?php print $dkbn1;?>>支給
  <input name="dkbn" type="radio" value="dkbn2"<?php print $dkbn2;?>>全
  </div>
</div>

・注意点　formの間がおかしくなる
<form　xxxx>
</form>
この間は　<div class=”row”>でなく<div class=”container”>を再度定義
<form 
</form>