質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

Q&A

1回答

3821閲覧

ダウンロードしたbootstrapのテンプレートファイルをどうRailsに適用すればいいのか不明

knj

総合スコア37

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

0グッド

0クリップ

投稿2017/02/18 05:00

bootstrap自体はGemファイルやbundle installだかで色々やってCSSフレームワーク?は使えます。

わからないのはbootstrapのテンプレートファイルをダウンロードしてそれをそのまま使う方法です。
以下がテンプレートです。
テンプレートダウンロードページへ

一応Gemファイル載せときます。

source 'https://rubygems.org' # gem 'bootstrap-sass' #ベンダープレフィックす自動 # gem 'autoprefixer-rails' gem 'twitter-bootswatch-rails', '~> 3.1.1' gem 'twitter-bootswatch-rails-helpers' gem 'execjs' gem 'less-rails' gem "therubyracer" # Bundle edge Rails instead: gem 'rails', github: 'rails/rails' gem 'rails', '4.2.7' # Use sqlite3 as the database for Active Record gem 'sqlite3' # Use SCSS for stylesheets gem 'sass-rails', '~> 5.0' # Use Uglifier as compressor for JavaScript assets gem 'uglifier', '>= 1.3.0' # Use CoffeeScript for .coffee assets and views gem 'coffee-rails', '~> 4.1.0' # See https://github.com/rails/execjs#readme for more supported runtimes # gem 'therubyracer', platforms: :ruby # Use jquery as the JavaScript library gem 'jquery-rails' # Turbolinks makes following links in your web application faster. Read more: https://github.com/rails/turbolinks gem 'turbolinks' # Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder gem 'jbuilder', '~> 2.0' # bundle exec rake doc:rails generates the API under doc/api. gem 'sdoc', '~> 0.4.0', group: :doc # Use ActiveModel has_secure_password # gem 'bcrypt', '~> 3.1.7' # Use Unicorn as the app server # gem 'unicorn' # Use Capistrano for deployment # gem 'capistrano-rails', group: :development group :development, :test do # Call 'byebug' anywhere in the code to stop execution and get a debugger console gem 'byebug' end group :development do # Access an IRB console on exception pages or by using <%= console %> in views gem 'web-console', '~> 2.0' # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring gem 'spring' end

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

そのまま使う方法と言われましても。
そのまま、publicフォルダ内に配置して
付属のindex.htmlを参考に
ご自身のページのhtml内にリンクを貼ればいいのでは?
もちろんbootstrapの後にですが。

railsの流儀としては、layouts/base.html.erb
内に表記するのがいいと思いますが。

web制作のイロハのハぐらいの内容なので、
ジーズアカデミーで教わっていると思うのですがねぇ

投稿2017/02/20 06:05

moke

総合スコア2241

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

knj

2017/02/20 06:23

アドバイスありがとうございます。ジーズアカデミーはまだ始まっていないので簡単なことではあると思いますが、質問させていただきました。回答誠にありがとうございました。プログラミング以外のことでしたらお教えできることがありそうなので、いつでもご連絡お待ちしております。
knj

2017/02/20 06:24

コミュニケーション力
moke

2017/02/20 06:55

いや、ジーズアカデミーに通おうとなさる、意識の高い系の方はコミニュケーション力も高いですね、勉強になります。 不肖私、質問の仕方にあった回答がつくのが、コミュニケーションというものだと思っていました。 初心者マークをつけるともう少し、優しい回答が得られたとは思うのですが 無料のサービスとはいえ、Kenji-kawamura様に家来のように傅けず申し訳ございません。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問