HighBridge’s blog

勉強の記録

フロントエンド

html

  • フォームとボタンを横に並べる。
<form class="m-5 form-inline">
        <div class="form-group mr-2">
          <label for="companyNameInput"></label>
          <input type="text" class="form-control" id="companyNameInput" placeholder="Company Name">
        </div>
        <button type="submit" class="btn btn-primary">search</button>
</form>
  • ボタンを横に並べる
<div class="btn-group" role="group">
              <div class="mr-2"><a href="/modify/{{ $company->id }}" class="btn btn-outline-primary">Edit</a></div>
              <div>
                <form action="/delete/{{ $company->id }}" method="post">
                  <input type="hidden" name="_method" value="DELETE">
                  <input type="hidden" name="_token" value="{{ csrf_token() }}">
                  <button type="submit" class="btn btn-danger"><span class="glyphicon glyphicon-trash">Delete</span></button>
                </form>
              </div>
</div>