[Rails] TwitterBootstrapとSassとAssetPipeline - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
![[Rails] TwitterBootstrapとSassとAssetPipeline - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/34164d2d4d181a678b6722f7b33caf23e89cba7c/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnMzLWFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkZxaWl0YS1pbWFnZS1zdG9yZSUyRjAlMkY0ODI3NCUyRmZjODI0NTE3ZWI1MWI4NWZmZGUyMzkwYTBmZGQ4YzI2NmY2ZTgyODUlMkZsYXJnZS5wbmclM0YxNTg1MTg4MDMwP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPWFhM2Q5YWMyM2U1YzI1NzUxYTJmNWEzNGM5Mzk3MTlj%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D6b1213c527cd600118ae31c59e78541c%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCUmFpbHMlNUQlMjBUd2l0dGVyQm9vdHN0cmFwJUUzJTgxJUE4U2FzcyVFMyU4MSVBOEFzc2V0UGlwZWxpbmUmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1kNDJiODc0MTc2YzQ1MTY0Njc5OTY2OGNkZmJkMDk0NA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBraWRhY2gxJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9MGRjODkwYmVlOGY1MGFmNzc3ZjNjOTdlZTNjYzliZWE%26blend-x%3D242%26blend-y%3D454%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44Ki44Kr44OE44Kt%26txt-x%3D242%26txt-y%3D539%26txt-width%3D838%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D28%26s%3Defac2e49169fee6740083a41b866703a)
Ruby on RailsにてBootstrap3のサンプルページを作成する | DevelopersIO
はじめに サンプルアプリ等を作成する際、デザインに悩むことは多いかと思います。 (特にデザインセンスに乏しい私のようなプログラマは・・・) このような時に、Bootstrapは強い味方となります。(今更感は強いですが・・・) またBootstrapにはデザインのサンプルが用意されているので、このサンプルをベースとしてアプリを作っていけばデザインについて悩むことを減らすことができそうです。 今回はRuby on Rails 4 にBootstrap3を適用し、サンプルにある「Starter template」と同じページを作る 手順について纏めてみたいと思います。 作業手順 以下に、今回の作業手順を書いていきます。 1.ページ作成 まずはRuby on Railsにて、今回表示するページを作成します。 コントローラ、ビューの作成 今回表示する画面のコントローラは「welcome」、ビューは「
rails4でbootstrap3のglyphiconを使う方法
rails4でbootstrap3のglyphiconを使う方法メモ。 twitter-bootstrap-railsのセットアップ まず、bootstrapをrailsから使う必要があるのですが、それにはtwitter-bootstrap-railsというgemを使うのが簡単です。 rails4へのbootstrap導入にはこの記事が参考になります。 Ruby on Rails 4.0正式リリースとBootstrapの正しい設定法 ただ、twitter-bootstrap-railsは現時点でbootstrap2を使うようなので、bootstrap3のglyphiconを使いたい場合は少し手作業が必要になります。その方法を解説します。 ちなみに、もっとも単純にglyphiconをrails4から使う方法は、bootstrap3のJSとCSSをまるごとダウンロードしてきてrailsから読み
RailsエンジニアのためのTwitter Bootstrapカスタマイズ例
Sassを使ったり、人からパクったりして、極力失敗しない方法
[Rails]はじめてのRailsでWebサービス作ってみた - ギークに憧れて
Twitmemo ここ一ヶ月ほど某社でRailsの勉強をさせて頂いていて､なんか作れーって言われたのでWebサービス作ってみました｡ Twitterユーザーへフォローした理由やメモを追加できるサービスで､Twitmemoといいます｡過度な期待はせず使ってみてください｡ 作った理由2/4現在､自分のフォローは1030人弱｡300人くらいまでは良かったが､さすがにこの人数になると｢あれ？こいつフォローしたっけ…｣って奴が出てくる｡最近はイベントにいってもメールアドレス教えるのがダルくてとりあえずTwitterアカウントを教える､というパターンが多いので､ある程度は把握しとかないとリアルに支障が出るかなーという危機感があった｡そういうのを良い感じにメモできるサービスが欲しかったので作った｡プラス､自分がどういう評価されてるか知れたらFavstarっぽくてうけるかなーという感じ｡ 以下､サービスを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ruby on Rails 4.0正式リリースとBootstrapの正しい設定法
Rails 4でHeroku Pushまでの詳細手順 [haml/bootstrap 3.0/postgresql or MySQL]![Rails 4でHeroku Pushまでの詳細手順 [haml/bootstrap 3.0/postgresql or MySQL]](https://cdn-ak-scissors.b.st-hatena.com/image/square/68dbcccd24d0c0f851de06ccf0c2766af43a75e6/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fmorizyun.github.io%2Fimg%2Fog_image.png)
