Movable Type ＋ Twitter Bootstrap (remix)

Movable Type 3.34 のテンプレートで Twitter Bootstrap を使ってレスポンシブＷＥＢデザインに。
Movable Type 3.34 のデフォルトの２カラムテンプレートのアウトライン。 ▼

Twitter Bootstrap のレスポンシブレイアウトのアウトライン。

カスタマイズ後のアウトライン。Movable Type のデフォルトのクラス名などは残す。

<!DOCTYPE html>
<html lang="ja">
<head>
		：
	<link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="/bootstrap/css/bootstrap-responsive.min.css">

<div id="banner">
				タイトルバナー
			</div>

<div class="span3">
					<div id="beta">
						サイドバー
					</div>
</div>
				</div>
			</div>
</div>
		</div>
	</div>
</div>
	<script src="/dat/js/bootstrap.min.js"></script>
	
	<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
	<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
</body>
</html>

修正するのはMovable Type管理画面 > 環境設定 > テンプレートの
インデックスタブの『メインページ』
インデックスタブの『スタイルシート』
インデックスタブの『アーカイブページ』
アーカイブタブの『エントリー・アーカイブ』
アーカイブタブの『カテゴリー・アーカイブ』
アーカイブタブの『日付アーカイブ』
システムタブの『検索結果』
ブログを串刺し検索する場合は CGIPath の
mt/search_templates/default.tmpl

remix

Movable Type ＋ Twitter Bootstrap

トラックバック

コメントを投稿

検索

最近のエントリー

カテゴリー