[
フレーム
]
Run ❯
Get your
own
website
Go to Spaces
Ctrl+Alt+P
<!doctype html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content=" initial-scale=1"> </head> <body> <div> <h2>Vertical Direction</h2> <p>Use .flex-column to display the flex items vertically (on top of each other).</p> <p>Use .flex-sm|md|lg|xl-column to achieve this on different screen sizes.</p> <p><code>.flex-column</code>:</p> <div> <div>Flex item 1</div> <div>Flex item 2</div> <div>Flex item 3</div> </div> <p><code>.flex-sm-column</code>:</p> <div> <div>Flex item 1</div> <div>Flex item 2</div> <div>Flex item 3</div> </div> <p><code>.flex-md-column</code>:</p> <div> <div>Flex item 1</div> <div>Flex item 2</div> <div>Flex item 3</div> </div> <p><code>.flex-lg-column</code>:</p> <div> <div>Flex item 1</div> <div>Flex item 2</div> <div>Flex item 3</div> </div> <p><code>.flex-xl-column</code>:</p> <div> <div>Flex item 1</div> <div>Flex item 2</div> <div>Flex item 3</div> </div> </div> </div><div class="naked_ctrl"> <form action="/index.cgi/contrast" method="get" name="gate"> <p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://www.w3schools.com:443/bootstrap4/tryit.asp?filename=trybs_flex-column-responsive">(->オリジナル)</a> / <label>アドレス: <input type="text" name="naked_post_url" value="https://www.w3schools.com:443/bootstrap4/tryit.asp?filename=trybs_flex-column-responsive" size="22" /></label> <label>モード: <select name="naked_post_mode"> <option value="default">デフォルト</option> <option value="speech">音声ブラウザ</option> <option value="ruby">ルビ付き</option> <option value="contrast" selected="selected">配色反転</option> <option value="larger-text">文字拡大</option> <option value="mobile">モバイル</option> </select> <input type="submit" value="表示" /> </p> </form> </div> </body> </html>