スキップしてメイン コンテンツに移動

ASP.NET MVC4 with BootStrapVer3

ASP.NET MVC4でBootstrap Ver3を使ってみた。
Ver2を使った例はかなりあって、参考にしてたらはまった・・・。
Ver3とVer2で記載方法がかなり違ってて・・・。

Ver3はこっち
Ver2はこっち
ご注意ください!!

以下ASP.NET MVC4(VS2012)でBootstrap Ver3を使用する方法です。
  1. まずは何はともあれ、MVC4のプロジェクトを作成します。
    1. 新しいプロジェクトから、”ASP.NET MVC 4 Web アプリケーション”を選択します。
    2. デフォルトの設定でOK押します。Razor推します!
  2. NuGetからBootstrapVer3をインストールします。
    1. プロジェクト→NuGetパッケージの管理を選択します。
    2. オンライン(左上)を選択して、検索テキストボックス(右上)に”bootstrap”入れて検索しします。すると”Bootstrap”が表示されるので、バージョンと依存関係(前提)を確認し、インストールボタン(真ん中)を押します。
    3. 正常にインストールされると、緑丸チェックが表示されます。
    4. ソリューションエクスプローラーから、インストールされていることの確認。
      • Content/bootstrap配下にcssがあること。
      • Content/fonts配下に各ファイルがあること。
      • Script配下にjsがあること。
  3. cshtmlを変更します。
    1. 変更前のIndex.cshtmlの画面です。
    2. 修正対象は以下3つ。(Codeは長いので、ファイルダウンロードにしました。)
    3. 変更後のIndex.cshtmlの画面です。

以下やってみた感想です。 総じて課題はあるものの、
一つの選択肢として覚えておいて損はないと思いました。
  • わかっていれば簡単に適用できる。わかってないと結構めんどい。
  • 今っぽいWEBサイトが簡単に作れる。
  • Viewsフォルダは以下のファイルだけ修正すれば良い。さすがMVC。
  • 日本語フォントがいまいちな気がする。
  • 全体的なテーマをざくっと変えたい。
  • bodyタグの中とか、bundleとか、まだ修正すべきところは多い。
  • うーん、おもしろい。
とりあえず今日はここまで。

コメント

このブログの人気の投稿

間違ったフォーマットのプログラムじゃないんだけど

以下エラーに対し、 ファイルまたはアセンブリ 'SSPI'、またはその依存関係の 1 つが読み込めませんでした。間違ったフォーマットのプログラムを読み込もうとしました。 以下環境で対応した話です。 VisualStudio2012(C# ASP.NET MVC4.0) IIS7.5 とあるところのdllを使用中 ASP.NETをIISに発行しようとしたら、上記エラーが発生。 他のプロジェクトでは問題なく発行できているのに、 何かと思ってみたら、google先生に尋ねてみると、 DLLファイルの対象プラットフォーム(32bit/64bit)が異なる とのことでした。 このサイトでは対処方法として、 運用環境のプラットフォームに合わせ、適切なランタイムファイルを配布してください。 と記載されていますが、今回の私のようにとあるところのdllを使用している場合などは、 そうもいかない場合もあるでしょう。 そこでdllを変更できない場合には、 IISのアプリケーションプールの設定で、 32bitアプリケーションを有効化してあげることで対応できます。 以下手順です。 コントロールパネル → 管理ツール → インターネット インフォメーション サービス (IIS) マネージャー を起動します。 変更したいアプリケーションを右クリックして、詳細設定を選択します。 32ビットアプリケーションの有効化をTrueに変更します。 もう一度発行します。 ここまでです。 簡単だけど知らないとなかなかはまるかなって気がしますね。 独特のくせなのかもしれません。 そして、次なるエラー発生中です・・・。

SQLServer2008でのトランザクションログの切り捨て方

SQL Server 2008でとあるDBのトランザクションログが一杯に。 BACKUP LOG DatabaseName WITH TRUNCATE_ONLY を使ってトランケートしようとしたら、 'TRUNCATE_ONLY' はBACKUP オプションとして認識されません。 との冷たい返事。2008で廃止されていたのを忘れていた。 SQL Server 2008 で廃止されたデータベース エンジンの機能@MSDN そこでヌルデバイスを使用してバックアップを取得する方法で、切り捨てを試みる。 BACKUP LOG DatabaseName TO DISK = ‘nul’ GO するとまた冷たい返事。 現在、データベースのバックアップが存在しないので、BACKUP LOG を実行できません。 2008では過去にフルバックアップを取得しておかないと、ランザクションのバックアップが取得できないことを忘れてた。てなわけで、まずはデータベースのフルバックアップを取得して、 BACKUP DATABASE DatabaseName TO DISK = ‘nul’ GO もう一度トランザクションのバックアップをして、やっと切り捨てれた。最初から単純にしておけばよかった・・・。

HP Pavilion Desktop PC h8-1080jp のSSDの交換方法

Windows起動時にDiskの読み取りエラーが発生し、 マシンが上がってこなくなってきたのでSSDを交換した。 HP製のマシンを使っているのだが、微妙にどう外すか戸惑った。 外し方が書いてあるのだが、とにかく見えにくい!! と言う訳で誰かの参考になればと思って、 以下にログを残しておきます。 側面を外します。 前面も外します。 真ん中の金具がねじが止まっているので外します。 ここまでは楽勝でした。 HDDが入ってるやつがなかなか外れない・・・と思っていたら、 よーく見ると赤枠のところに外し方が書いてあります。 奥にあるボタンを押す HDDが入っている箱(?)を上に持ち上げるようにすると外れます 外れるとこんな感じに。 後はケーブルを差し替えればOKです。 会社のノートPCも壊れるし、そういう時期なんだろうか・・・。 開けたら東芝の1.8インチHDDで、なかなかデータが吸い出せないし・・・。 やれやれです。