• ベストアンサー

bootstrap 一部

bootstrapの一部(less file)をサイトで利用するにはどうすれば良いでしょうか? http://bootstrap.lesscss.ru/download.html bootstrapからファイルをダウンロードしまさいた。 bootstrapというフォルダに、css、jsフォルダ、configというファイルが存在しています。 これらの使い方が分からない初心者です。 よろしくお願いします。

  • CSS
  • 回答数1
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
noname#206842
noname#206842
回答No.1

LinuxベースでHTMLを編集しているという認識でいいのでしょうか?・・・ CSSは、カスケード捨ているシートを置いておくホルダー JSは、Javascriptを置いておくホルダー configは、初期設定ファイルではないでしょうか?・・・ WEBの基礎を先に学ばれた方がいいとおもいますが?・・・

参考URL:
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html

関連するQ&A

  • webデザインに関してです。

    サイトにmodalを付けたくて色々探していたところ、bootstrapを使えば簡単にmodalを付けれそうだったのでダウンロードしてbootstrap.cssとbootstrap-responsive.cssとbootstrap.jsを読み込んで使ってみたところもともとのデザインが崩れてしまい困っています。コンフリクトを起こしているのですが、デザイン初心者なもので、css内部をしっかり把握出来ないので、どこがコンフリクトを起こしているのかがわかりません・・・どうしたらよいでしょうか??;;

    • ベストアンサー
    • CSS
  • Bootstrapとbootswatchの設定

    Bootstrapとbootswatchを使ってみたいと思い、ネットで調べながらやってみました。 Bootstrapまでは使えるようになったのですが、bootswatchが反映できていないようが気がします。 初期設定?まで行えるよう、具体的な手順を教えて頂けないかと思っております。 【行った手順】 1.Bootstrapをダウンロード 2.index.phpのhead箇所から bootstrap.min.css を読み込み 【使用したいテンプレート】 ・bootswatchのSimplex 【疑問点】 「ダウンロード」に様々なファイルがあるのですが、どれが必要なのか、どうやったらbootswatchのSimplexが使えるようになるのか、分かっていません。 【回答の欲しい事柄】 index.phpに記入するhead部分のソースを教えて下さい。 【どのような結果を求めているか】 bootswatchのSimplexと同じ、もしくは同じようなページを自分のレンタルサーバーで表示できるようになりたい。 その他、何かアドバイスなどありましたら併せて頂けましたら幸いです。 よろしくお願い致します。

    • ベストアンサー
    • CSS
  • PHPとTwitter Bootstrap

    PHPコードをかいたファイルに Twitter Bootstrap を適用するとフォームのデザインが崩れます。どうしたらよいでしょうか? サイトのデザインに Twitter Bootstrap を使おうと勉強中のものです。 PHPを記述したページのHTMLフォームに Twitter Bootstrap のCSSを適用させるとフォームのデザインが小さく?なってしまいます。 (添付画像参照) PHPを記述していないページだとデザインは崩れることなく表示されます。 PHPと Twitter Bootstrap の相性の問題でどうしようもないことなのでしょうか? 機能的にはなにも問題はないのですが、見栄えが悪いのでどうにかしたいです。

    • ベストアンサー
    • PHP
  • CSS含めてアップロードしても反映しない。

    デスクトップ上でwebサイトをTwitter bootstrapのフレームワークを使いながら構築しました。ローカル上は何の問題もなかったのですが、サーバーにアップロードした途端に、CSSや画像の読み込みがされなくなってしまいました。 The results here may be inaccurate because some stylesheets could not be loaded due to access restrictions. というようなメッセージがfirefoxで確認されました。 ディレクトリ構造は、下記のような感じです。 index.html bootstrap/css bootstrap/js bootstrap/img 実際のindex.htmlのヘッダー (ちなみにhtml5の記法に従ってます。) <head> <meta charset="utf-8"/> <title>Twitter bootstrap practice</title> <link href="bootstrap/css/bootstrap.css" rel="stylesheet"/> <script src="bootstrap/js/jquery.js"/></script> <script src="bootstrap/js/bootstrap.min.js"/></script> <style type="text/css"> body{padding-top:40px} </style> </head> なぜかさっぱりわかりません。 教えてください。 よろしくおねがいします。

    • ベストアンサー
    • CSS
  • 99limeの使い方がわかりません。助けてください

    私は、Webサイトを作るとき、デザインが苦手で、 bootstrapのCSSフレームワークを使っておりました。 いろいろな物を使ってデザインを試してみたいと思い、 99limeなどをダウンロードしたのですが、使えないのです。汗 全くわからず、ここ三日程、調べているのですが、うまくいかなくてお手上げ状態なのです。 例えば、99limeなどのサイトではもちろんのこと、Web内を調べてもこのような初歩的なことに対して、記述してある記事がなかったので、質問させてください どうすれば、99limeをhtmlに記述してWeb上で使用することができるのか 教えていただけませんか? 以下現在の私の理解度具合です。 bootstrapの場合ですと、html内において、<head>では <link href="css/bootstrap.min.css" rel="stylesheet"> そして、<body>の最後、すなわち</body>の付近に <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script> <script src="js/bootstrap.min.js"></script> と記述することで、bootstrapを使用することができました。 この方法はドットインストールという初学者のために公開された動画で解説されたものを そのまま使ったので、bootstrapを使うことができました。 動画添付でも、画像添付でも本当に困っておりまして、どなたか教えてください。 よろしくお願いします。                         

    • 締切済み
    • CSS
  • jQuery を書くファイルはどれですか

    ほんっとうに基本的なことすぎて見つけられないのかもしれないのですが、 2日間ググってもわからないのでお助けください。 jQuery でアコーディオンメニューを作りたいと思っています。 だいたいのサイトをみると、サイトより jQueryをダウンロードしろと 書かれているのでuncompressedのものをダウンロードして、jQuery.jsと リネームしたのちに jsフォルダ内に格納しました。 あとは、html、CSS、jQuery の3つの記述が掲載されているのですが、 jQuery をどこに書くのかわかりません。 どういう名前のどの拡張子(js?)でhtmlファイルに読み込ませるのか、 それともhtmlファイルに書くのかすらわかりません。 なにとぞご教示お願いいたします。

  • ffftpが一部しかダウンロードできない

    ffftpを使用していますが、ファイルを10ファイルぐらい、(フォルダも含む)をダウンロードしようとしたら、一部はダウンロードできますが、一部がダウンロードできません。中でもフォルダができないようです。というよりほぼダウンロードできないか、時にエラーになります。どなたか対処方法をお教え願いますでしょうか?よろしくお願いします。

  • jQueryPlugin「fancybox」のパス

     初歩的な質問ですみません。。 jQueryPlugin「fancybox」を使いたいと思い、下記のサイトから ダウンロードしました。 http://fancybox.net/ ダウンロードされた、「jquery.fancybox-1.3.4」のフォルダを 開いたところ、ファイルがいっしょくただったので、 imgフォルダと、jsフォルダとcssフォルダを作り、ファイルを 整理しようと思いました。 「example」を「img」にリネームして、 「fancybox」のpngとgifデータを「img」フォルダに移しました。 「fancybox」は「js」にリネームして、jsファイルをそのまま格納。 「fancybox」の「jquery.fancybox-1.3.4.css」は「css」フォルダ を作って移しました。 「css」フォルダに移した「jquery.fancybox-1.3.4.css」の画像の パスを、 > #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('fancybox.png'); } > > #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('./img/fancybox.png'); } > 上のようにとしましたが、 「fancybox.png」を初めとする、画像のパーツが反映されません。 パスが間違っているのでしょうか。。 ファイルを移動させた時に混乱してしまうのですが、図などを書いて おけば分かりやすいでしょうか。 アドバイスをいただけましたら幸いです。

  • REGETのダウンロードファイルの保存について

    REGETでダウンロードしたファイルは普通自分の指定したフォルダに入りますよね。例として、仮にいつものフォルダをC:\downloadとして、今日ちょっとした理由からダウンロード先のフォルダを、C:\Download\01¥に変更したのですが、このフォルダがいくら探しても見つかりません。またこのC:\Download\01¥というフォルダはREGETにダウンロード先のフォルダと指定しただけで、最初からあったフォルダではないんです。存在しないフォルダを、REGETのダウンロード先のフォルダにしてしたのが悪かったのでしょうか。質問がわかりにくいかもしれませんが、よろしくお願いします。

  • 外部ファイルを読み込ませるための記述方法を教えてください!

    (1)index.html (2)「index.html」以降のページのフォルダ(の中にhtml) (3)css.js (4)cssファイル を同じ階層に置いています。 htmlには<SCRIPT LANGUAGE="javascript"src="css.js"></SCRIPT> と書かれており、css.jsファイルからcssファイルを読み込み htmlにcssが適用されてるように設定されています。 この階層のhtmlにはcssが反映されるのですが (2)のフォルダの中のhtmlにとってはcss.jsの階層は一つ上になるのですが、 <SCRIPT LANGUAGE="javascript"src="css.js"></SCRIPT> と書いてもcssが反映されません。 srcの指定を正しくするにはどのように記述したらいいのでしょうか? <SCRIPT LANGUAGE="javascript"src="../css.js"></SCRIPT> と記述してもダメでした。 Javascriptの言語がほとんどわからず困ってしまっています。 大急ぎで知りたいのですが、わかる方いらっしゃいましたら 教えてくださると大変助かります。 どうかよろしくお願い致します。