Twitter Bootstrap はカンタンかつカッコイイ

しばやんの記事を読んで、わしもやってみようかなと思った。

• ASP.NET MVC で Twitter Bootstrap を使ってみた (1) - まめしば雑記
• ASP.NET MVC で Twitter Bootstrap を使ってみた (2) - まめしば雑記
• ASP.NET MVC で Twitter Bootstrap を使ってみた (3) - まめしば雑記
• ASP.NET MVC で Twitter Bootstrap を使ってみた (4) - まめしば雑記

むっちゃカンタンだった。

追加のプラグインを読みこめば、プルダウンリストなんかもできるみたい。

もう一つプラグインを追加してモーダルなダイアログも作ってみた。デフォルトではちょっと小さめなので、CSSで少しデカくしてみた。

ダイアログを画面の真ん中に表示するのは、top: 50%; left: 50% にして、縦横の半分を負のマージンで調整してるっぽい。だから、900x640に拡大するには、

.modal
{
    height: 640px;
    width: 900px;
    margin-top: -320px;
    margin-left: -450px;
}

とでもすればOK。

デザインのできない子にとってはありがたい存在。デザインがカッコいいと、ロジックを書くのも楽しくなるよね！