[
フレーム
]
Run ❯
Get your
own
website
Go to Spaces
Ctrl+Alt+P
<!doctype html> <html lang="en"> <head> <title>Bootstrap Card</title> <meta charset="utf-8"> <meta name="viewport" content=" initial-scale=1"> </head> <body> <div> <h2>Cards Columns</h2> <p>The .card-columns class creates a masonry-like grid of cards. The layout will automatically adjust as you insert more cards.</p> <p><strong>Note:</strong> The cards are displayed vertically on small screens (less than 576px):</p> <div> <div> <div> <p>Some text inside the first card</p> </div> </div> <div> <div> <p>Some text inside the second card</p> </div> </div> <div> <div> <p>Some text inside the third card</p> </div> </div> <div> <div> <p>Some text inside the fourth card</p> </div> </div> <div> <div> <p>Some text inside the fifth card</p> </div> </div> <div> <div> <p>Some text inside the sixth card</p> </div> </div> </div> </div> </div><div class="naked_ctrl"> <form action="/index.cgi/larger-text" method="get" name="gate"> <p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="http://www.w3schools.com/bootstrap4/tryit.asp?filename=trybs_card_columns&stacked=h">(->オリジナル)</a> / <label>アドレス: <input type="text" name="naked_post_url" value="http://www.w3schools.com/bootstrap4/tryit.asp?filename=trybs_card_columns&stacked=h" size="22" /></label> <label>モード: <select name="naked_post_mode"> <option value="default">デフォルト</option> <option value="speech">音声ブラウザ</option> <option value="ruby">ルビ付き</option> <option value="contrast">配色反転</option> <option value="larger-text" selected="selected">文字拡大</option> <option value="mobile">モバイル</option> </select> <input type="submit" value="表示" /> </p> </form> </div> </body> </html>