Photo by coffeebeanworks / Pixabay
Bootstrapを利用した、レスポンシブHTML5テンプレートを用意しました。
まずは、ヘッダー、ナビ、フッターなど大枠のフレームのみのシンプルバージョンです。
随時アップデートしていきますので、ぜひご活用ください。
HTML5テンプレート（左右２カラム）
<!doctype html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>タイトル</title> <link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="jquery.bxslider/jquery.bxslider.css"> </head> <body> <header id="wrap-header"> </header> <nav id="wrap-gnavi"></nav> <div class="container"> <div class="row"> <article id="wrap-main" class="col-sm-8"> <section> </section> </article> <aside id="wrap-side" class="col-sm-4"> <section > </section> </aside> </div> </div> <footer id="wrap-footer"> </footer> <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"> <script src="js/jquery-3.1.1.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="jquery.bxslider/jquery.bxslider.min.js"></script> </body> </html>
