FuelPHPのVersion1.3からTwitter Bootstrap2.0が標準で導入されるようになっているみたいです。そこで、今日は誰でも簡単にTwitterBootstrapが使えるように基本的な事を調べてみたいと思います。 Twitter Bootstrapの導入 1. 早速導入方法を調べてみましょう。... 続きを読む
Easy to Install Simply download the CSS file from the swatch of your choice and replace the one in Bootstrap. No messing around with hex values. Whole New Feel We've all been there with the black bar and blue buttons. See how a splash of colo... 続きを読む
twitter bootstrapを更に便利に使うgemがtwitter bootstrap railsです。 railsアプリを作りましょう。 rvmでgem set作ります。 rvm --create 1.9.3-p125@tbrsample railsアプリ生成します。 gem install rails --no-ri --no-rdoc rails new tbrsample gemを指定... 続きを読む
愛用しているTwitter Bootstrap、次に「version 2」になりましたよ。今まで「version 1.4」だったのでメジャーバージョンアップ!ですよ。これは見逃せない、というか、感動した! 個人的に「おぉ!」と感じたところをざっと紹介してみるよ! ■ レスポンシブデ... 続きを読む
以前ご紹介したBootstrapですが、良い感じにマイナーバージョンアップを繰り返しているようです。地味にウォッチしていたのですが、本日、v1.3.0になってかなり使いやすくなったので再度ご紹介。 ■ JavaScriptライブラリも出来た! これが一番うれしいぞ! 以... 続きを読む
ドキュメント自体が bootstrap で作られていて、それがサンプルも兼ねていてそっから少しいじったメモ。以下、bootstrap の version 1.2.0 での話です。 使い方 bootstrap を使用しようとすると2通りの方法があります。 1. less.js を使用し less ファイルを読... 続きを読む
Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more. Nerd alert: Bootstrap is built with LESS and was de... 続きを読む