技術メモ

Laravel submit ボタン 左右中央配置

今日もLaravelの勉強頑張ってます。

 

さて、やっとオリジナル作品の制作に入りました。

 

長かったし、まだまだ分からないことばかりで大変ですが、

 

何にも分からなかった頃から、ずいぶん歩いてきたなーと言う感じです^^

 

さて、今回はボタンの配置です。

 

Bootstrapを使っていて、

 

Form::submitがなかなか中央配置にならなかったのですが、

 

こちらのサイトを参考にさせて頂いて、中央配置にできました。

 

https://qiita.com/ttaka66/items/073c2e2d555609856877

 

Form::submitのところです。

 

フォームのソースコード

 

これのままだとこんな表示になります。↓

で、Formの部分を<div></div>で囲み、

 

<div style="text-align: center;">とします。

 

 

このような感じですね。そうすると、ブラウザではこうなります。↓

 

こうですね。ちゃんと真ん中になりました(*^^*)

 

Formじゃなく、ただのボタンのときも<div>で一度囲み、

 

そのdivのなかでclass="d-flex justify-content-center"のような感じで書くと

 

中央に配置されます。

 

レイアウトが気になる方、参考にして頂ければ幸いです。

 

ちなみに私はbootstrapでの縦中央配置ができなくて、

 

mt-5とかでとりあえず済ませてます💦

 

そこはまだ勉強中です。笑

ももの公式メールマガジン

プログラミングに興味がある人やプログラミング学習を始めた人のために、

とっても大切なマインドについて公開しています。

 

私が思うに、マインドが整っていれば、どんな手段から学べます。

 

無料で学習しても、プログラミングスクールで学習したとしても自分の力にしていけます。

 

でもマインドが整っていないと、せっかくプログラミングスクールにお金を払っても、うまくいかなくて泣く思いをしてしまいます。

 

そんな風になってほしくないから、メルマガを始めました。

 

詳細はこちらのページを覗いてみて下さい^^

COMMING SOON...

-技術メモ

Copyright© とある新人SEは、走らない。 , 2021 All Rights Reserved Powered by AFFINGER5.