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

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

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

Ruby on Rails3はRubyによって書かれたオープンソースのウェブフレームワークです。Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

Bootstrap

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

Q&A

解決済

1回答

647閲覧

bootstrapってダウンロードしたらどこに保存されるの?

Koyyyyyy

総合スコア55

Ruby on Rails 3

Ruby on Rails3はRubyによって書かれたオープンソースのウェブフレームワークです。Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

Bootstrap

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

0グッド

0クリップ

投稿2018/01/06 05:43

いまだにbootstrapが何か?わかりません。bootstrapがcssのフレームワークでありレスポンシブデザインに対応しているのはわかりますが....。ということはbootstrapはcssのファイルの一つってことですか。
bootstrapの具体的な使い方もついでに教えてもらえると嬉しいです。

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

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

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

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

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

guest

回答1

0

ベストアンサー

簡単に言うとCSSのスタイルがあらかじめたくさんのパターンで定義されているものです。BootstrapはCSSファイルの一つという考え方でも構いません。HTMLに組み込むものといったイメージでおさえておいてください。ソースをダウンロードして利用する方法とインターネット経由で利用する方法がありますが、重さ的な部分から見てインターネット経由で利用することをお勧めします。
HTMLにこれをコピペすれば、Bootstrapのセットアップは完了も同然です。

<!doctype html> <html lang="ja"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
<title></title>
</head> <body>
<!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js" integrity="sha384-a5N7Y/aK3qNeh15eJKGWxsqtnX/wWdSZSKp+81YjTmS15nvnvxKHuzaWwXHDli+4" crossorigin="anonymous"></script>
</body> </html>

ドットインストールで勉強されてみるのもお勧めいたします。

投稿2018/01/06 13:52

編集2018/01/07 03:48
bookreading

総合スコア19

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

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

Koyyyyyy

2018/01/07 05:06

詳しい回答まことにありがとうございました! 一つ質問なんですがこれをコピペしてbootstrapのセットアップが完了したらあとはどのようにすればbootstrapが適用されるのですか。bootstrapはそもそもレスポンシブデザインにするためのものだと捉えるとするとセットアップすることによって自動的にレスポンシブデザインになるということですか。なんども質問してすいません。????
bookreading

2018/01/07 05:40

今回上に貼り付けたものはbootstrapのバージョン4のため、それでよいのか僕にも不明なのですが、とりあえずβ版ではあるものの最新版です。 質問についてお答えしたいのですが、すでにbootstrapが適用される準備が整っているはずです。どのように適用させるかはBootstrap4の公式ページをご覧になってください。一つ一つ説明していくと膨大な量になりますので。それについてはご自分でお調べになってください。分からない部分があれば、また質問してください。
Koyyyyyy

2018/01/07 05:41

了解です。回答ありがとうございます。!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問