Webデザインができないエンジニアでも、見た目をすばやく整えられるフロントエンドツール「Twitter Bootstrap」。前回は、Twitter Bootstrapを導入するための準備とレイアウトの設定方法を解説しました。今回も、前回と同じブックカタログのサンプルサイトを作りながら、コンテンツ部分のマークアップ方法について説明します。 基本はclass属性で設定 Twitter Bootstrapのデザインを各HTMLの要素に適用するには、class属性を指定します。 以下のようなテーブルがあったとします。
![サンプルで学ぶTwitter Bootstrapの使い方:中編 (1/5)](https://cdn-ak-scissors.b.st-hatena.com/image/square/0b985a4b26255d7c911cc35aad6eec40234708e3/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2013%2F12%2F27%2F385013%2Fl%2F8464eedc0c99049b.jpg)