Visual Studio 2013 では、Bootstrap テーマフレームワークを使用した新しいプロジェクトテンプレートが導入されました。
ComponentOne for ASP.NET Web Forms も Bootstrap を正式にサポートするようになりました。
次の手順に従って、Bootstrap を ComponentOne for ASP.NET Web Forms コントロールに簡単に組み込めることを確認してください。
メモ:ここでは C1Calendar を例として説明します。なお、チャートとゲージを除く、他の ComponentOne for ASP.NET Web Forms コントロールでも、同様の手順で BootStrap を使用することができます。
- [ファイル]メニューを選択します。[ファイル]メニューのリストから、[新規作成]→[プロジェクト]を選択します。
- [新しいプロジェクト]ダイアログボックスの左ペインで、[テンプレート]からいずれかの言語を選択します。
- [新規 ASP.NET プロジェクト]ダイアログボックスで、使用可能なテンプレートから[Web フォーム]を選択し、[プロジェクトの作成]を選択します。
- Default.aspx ファイルをダブルクリックして開きます。
- Bootstrap は既にテンプレートに含まれているため、アプリケーションを実行して、Bootstrap がデフォルトでどのように表示されるかを確認することができます。[F5]キーを押すか、デバッグを開始して、アプリケーションを実行します。
- デバッグを停止して、デザインビューに切り替えます。
- Visual Studio ツールボックスで C1Calendar コントロールを見つけます。コントロールをデザインサーフェスにドラッグしてアプリケーションに追加します。
- コントロールを選択し、スマートタグをクリックして、[C1Calendar のタスク]メニューを開きます。
- [Bootstrap の使用]オプションを選択して、Bootstrap をアプリケーションに組み込みます。このようにとても簡単です。
- [F5]キーを押すか、デバッグを開始して、アプリケーションを実行します。C1Calendar は次の図のように表示されます。
おめでとうございます。これで、「Bootstrap for ASP.NET Web Forms クイックスタート」は終了です。このトピックでは、新しい Visual Studio 2013 ASP.NET Web フォームアプリケーションを作成し、ComponentOne for ASP.NET Web Forms コントロールをアプリケーションに追加し、Bootstrap テーマを追加しました。