laravelでtableやformに固定テキストを表示すると、上寄せになってズレるのでpublic/css/app.cssを修正したり、class=form-control-staticを使ってみた。なんで上寄せがデフォなんだ？

1, テーブルのカラムが上寄せを修正
public/css/app.css

.table th,
.table td {
  padding: 0.75rem;
  /* vertical-align: top;*/
  border-top: 1px solid #dee2e6;
}

.table th,

.table td {

padding: 0.75rem;

/* vertical-align: top;*/

border-top: 1px solid #dee2e6;

}

2, formでinputと同じ感じで、入力できない固定文字を表示すると上にズレるので、form-control-staticで上下中央になる

<form class="form-horizontal">
	<div class="form-group">
		<label class="col-sm-2 control-label">適当な項目名</label>
		<div class="col-sm-10">
			<p class="form-control-static">入力できない固定文字。form-control-staticで上下中央になる</p>
		</div>
	</div>

<label class="col-sm-2 control-label">適当な項目名</label>

<p class="form-control-static">入力できない固定文字。form-control-staticで上下中央になる</p>

</div>

関連記事