一瞬でサンクスページをつくる(Bootstrap)
一瞬でthanks_pageをつくる(Bootstrap)
なにかformを送信した後に、遷移先のthanksページのサンプルがあればいいかなと思い、記述。
css を書かずにできます。
headタグの中に忘れないように。bootstrapを読み込みます
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
bootstrapを読み込みます
jumbotron(ジャンボトロン)では, ヒーローユニットスタイルのコンテンツの表示できます。ジャンボトロンの使い方の例を示します。
オプションで viewport 全体を拡張して, サイトに主要なマーケティングメッセージを表示できます。
下記参考
https://getbootstrap.jp/docs/4.3/components/jumbotron/
source code
<div class="jumbotron text-center">
<h1 class="display-3">Thank You!</h1>
<p class="lead"><strong>Please check your email</strong> for further instructions on how to complete your account setup.</p>
<hr>
<p>
Having trouble? <a href="">Contact us</a>
</p>
<p class="lead">
<a class="btn btn-primary btn-sm" href="https://bootstrapcreative.com/" role="button">Continue to homepage</a>
</p>
</div>
Author And Source
この問題について(一瞬でサンクスページをつくる(Bootstrap)), 我々は、より多くの情報をここで見つけました https://qiita.com/kouta103177/items/c106ebf6da1b26b79e6f著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .