ASP.NET MVC5で導入されたBootstrapを理解しよう

ASP.NET MVC5＋Bootstrapでレスポンシブでリッチなサイトを構築第1回

WINGSプロジェクト　青木淳夫[著] / 山田祥寛[監修]

2014/05/22 14:00

　この記事では、ASP.NET MVC5のひな形ページで使用されているBootstrapというフレームワークについて紹介します。Bootstrapは、CSS3ベースのオープンソースで、デザインが苦手なエンジニアでも見栄えの良いページを作ることができる魅力的なフレームワークです。

目次
Page1 Bootstrapの特長 Bootstrapの入手方法
Page2 Visual StudioでASP.NET MVC5のプロジェクトを作成 Webプロジェクトの作成 Webプロジェクトを実行 ASP.NET MVCで生成されるひな形ページについて Bootstrapのバージョン変更 Bootstrapの利用箇所の確認レイアウトの設定
Page3 Bootstrapの記述方法「ジャンボトロン」コンポーネントの例「ボタン」コンポーネントの例ボタンのクラス名を変更まとめ参考資料

※印刷用ページ表示機能はメンバーのみが利用可能です（登録無料）。

バックナンバー

連載:ASP.NET MVC5＋Bootstrapでレスポンシブでリッチなサイトを構築

WINGSプロジェクト　青木淳夫（アオキアツオ）

＜WINGSプロジェクトについて＞有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表山田祥寛）。主にWeb開発分野の書籍／記事執筆、翻訳、講演等を幅広く手がける。2018年11月時点での登録メンバは55名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂きた...
山田祥寛（ヤマダヨシヒロ）

静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for ASP/ASP.NET。執筆コミュニティ「WINGSプロジェクト」代表。主な著書に「入門シリーズ（サーバサイドAjax／XM...