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

使用例
ボタンの色
一行目の部分
戻る    新規   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>