質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

Laravel 5

Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

Q&A

2回答

253閲覧

Bootstrap4 にてテーブル項目の高さを揃えたい。

hrsi_teratail

総合スコア93

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

Laravel 5

Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

0グッド

0クリップ

投稿2018/05/14 14:36

編集2018/05/14 14:38

Bootstrap4 にて、tableを生成しましたが、テキストフォーム、コンボフォームが水平方向に
揃いません。

イメージ説明

テキストボックスの横に選択コンボボックスを
揃えたいのですが、どのようにすれば揃いますか?

HTML

1 <tr> 2 <td data-toggle="tooltip" data-placement="left" title={{ '予約番号:'. $item->id }}>{{ $item->target_day }} 3 @if ($item->flgvalid_status == 2) 4 <br> 5 <p style="color: red;">(予約中)</p> 6 @endif 7 8 </td> 9 <td>{{ $child->getAgeToString($item->target_day) }}</td> 10 11 <td> 12 @foreach($vnames as $v) 13 {{ \App\Model\Vaccine::getVName($v)->name . '(' . ($item->getStreamsVaccine()[$loop->index]) . ')' }} @if(count($vnames) > 1) <br>@endif 14 @endforeach 15 </td> 16 17 <td> 18 @if (count($lots) != count($vnames)) 19 @foreach($vnames as $v) 20 {!! Form::text('lots[]', null , ['id' => 'lot', 'class' => 'form-control', 'maxlength' => '20', 'placeholder' => '01234567890123456789']) !!}<br> 21 @endforeach 22 @else 23 @foreach($lots as $v) 24 @if ($v == 'null') 25 {{ $v = '' }} 26 @endif 27 28 {!! Form::text('lots[]', $v, ['id' => 'lot', 'class' => 'form-control', 'maxlength' => '20', 'placeholder' => '01234567890123456789']) !!}<br> 29 @endforeach 30 @endif 31 32 </td> 33 <td class="align-middle"> 34 35 @if (count($points) != count($vnames)) 36 @foreach($vnames as $v) 37 {!! Form::select('points[]', 38 [ 39 null => '-- 選択 --', 40 '右腕' => '右腕', 41 '左腕' => '左腕', 42 '右足' => '右足', 43 '左足' => '左足', 44 ], 45 null, 46 ['id' => 'point']) !!} 47 @endforeach 48 @else 49 @foreach($points as $v) 50 @if ($v == 'null') 51 {{ $v = null }} 52 @endif 53 {!! Form::select('points[]', 54 [ 55 null => '-- 選択 --', 56 '右腕' => '右腕', 57 '左腕' => '左腕', 58 '右足' => '右足', 59 '左足' => '左足', 60 ], 61 $v, 62 ['id' => 'point']) !!}<br> 63 @endforeach 64 @endif 65 66 67 68 </td> 69 <td>{{ $clinicname }}</td> 70 71

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

いっそalign-topで上にそろえてみるとか。

あとはte2jiさんの仰るようにtdの結合ですね。
テキストフォームとコンボフォーム 1つずつを1つのグループとしてまとめると良いです。

蛇足:
bootstrap使っていながらインラインでstyle書くのはどうかと・・。
しかもテキストカラー部分は.text-dangerというクラスがあるわけですし。

投稿2018/05/15 00:37

m.ts10806

総合スコア80850

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hrsi_teratail

2018/05/17 02:16

確かに。テキストカラーのインラインタグは見直します。
guest

0

内部的には row を3つに分け、必要のない箇所に関しては結合してしまえばよいかと。

投稿2018/05/14 21:22

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hrsi_teratail

2018/05/17 02:15

rowspanで結合するということでしょうか?
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問