Bootstrap

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

RSS

  • 受付中

    回答
    1

    【このやり方正しいですか?】Rails+Bootstrapでclass"active"を動的に設定

    Railsでbootstrapのnavbarを使用する際に、動的にactive(class名)を付与したliタグを設定しています。 bootstrap/navbarのwebsite ###リンクが選択されていない時 <li class="nav-item"> <a class="nav-link" href="#">Active</a> </l

    • 0評価
    • 22PV
    daikitakaya daikitakaya 19時間前に 回答
  • 解決済

    回答
    1

    ruby で form_for にクラス名をいれることができません

    <%= form_for(@pick, url: article_picks_path(@article), method: :post) do |f| %> <%= f.text_area :comment,'', class:"col-sm-10" %> <%= f.submit "Pickする" %> <% end %> こういうコードを打っ

    • 0評価
    • 130PV
    bouyomisan bouyomisan 4日前に ベストアンサー
  • 解決済

    回答
    1

    rails でブートストラップのトグルメニューが使えない

    題名のとおり bootstrap のトグルダウンがつかえません。別のコードで jquery が使えることは動作確認したのですが、 bootstrap の css は動いたのですが、javascript になると動きません。どうしたらいいでしょうか? #app/assets/javascripts/application.js //= requi

    • 0評価
    • 118PV
    moke moke 4日前に ベストアンサー
  • 解決済

    回答
    1

    knife boot strapは成功するが、chef-clientは接続できない

    前提・実現したいこと Validatorless Bootstrapをためすと、knife bootstrapは成功しますが/etc/chef/validation.pemと/etc/chef/client.rbを生成しないため、chef-clientが接続できません。 /etc/chef以下の適切な設定方法は何でしょうか。。 発生している問題・エラーメ

    • 0評価
    • 15PV
    aka-persona aka-persona 6日前に 回答
  • 受付中

    回答
    1

    bootstrapのコーディングでcontainerからはみ出す場合

    ↑のようなデザインをbootstrapでコーディングしているのですが、 <div class="container"> <div class="col-sm-12 col-lg-12"> <span class="hoge">理由は簡単</span> </div> <div> となっている場合、背景のお札の部分やその上にくるリボン

    • -1評価
    • 48PV
    KOBAYASHI.Jun KOBAYASHI.Jun 6日前に 回答
  • 受付中

    回答
    2

    一覧画面でfrom-to形式にinputを並べる方法を教えてほしい

    BootStrapで一覧画面を作成しようとしているのですが、from-to形式でinputを並べる方法がわかりません。 私が作ろうとして上手くいかなかった物を見てください。 inputとinputの間に「~」を表示したいのですが、なぜか変な所に「~」が表示されてしまいました。 BootStrapを使っている場合は、どうすればinputとinputの間に

    • 0評価
    • 30PV
    r_ym r_ym 6日前に 回答
  • 受付中

    回答
    0

    【Heroku】本番環境でjavascriptが動作しない??

    前提・実現したいこと 現在python × bottleにてwebサイトの公開を試みております。 ローカル環境では問題なく表示されているのですが、 本番環境にデプロイ後の表示がおかしいです。(画面が潰れてしまっているようなイメージです。) ローカル環境では文字の上に画像がスライドで入り、しっかりと動作することを確認しております。 下記はhtmlのソ

    • 0評価
    • 75PV
    teratailが1週間前に アップデート
  • 解決済

    回答
    2

    色が反映されないです

    前提・実現したいこと ここにブートストラップを導入して学校の課題サイトを作ろうと考えています。 スタイルがどうしても反映されないので質問をしにきました。 本当は黒になるはずです!! 黒にしようとしましたが、黒くなりませんでした。 発生している問題・エラーメッセージ エラーメッセージ 該当のソースコード <nav class="navbar navba

    • 0評価
    • 77PV
    GasT GasT 1週間前に 質問を編集
  • 解決済

    回答
    1

    npm install bootstrap --saveでbootstrap.min.cssがインス...

    掲題の通り、npm install bootstrap --saveを入力しても bootstrap.cssはインストールされているのですが、その他の bootstrap.min.cssやbootstrap.min.jsなどがインストール出来ていません。 理由をご存知の方、教えてください。 お願いします。

    • 0評価
    • 25PV
    miiikun miiikun 1週間前に コメント
  • 解決済

    回答
    2

    HTML Jquery select要素にdisabledの設定と解除

    5つのセレクトボックスがあり、 それらは大→中→小→細→詳細のように リレーションされていて 大を選ぶと中が。中を選ぶと小が選べるようになっています。 その時に、もし次のセレクトボックスに選べるものが無い場合には disabledを付与させてクリックさせなくしたいです。 <script type="text/template" id="mst">

    • 0評価
    • 65PV
    yambejp yambejp 1週間前に コメント
  • 解決済

    回答
    1

    react-bootstrap-table について

    わからないこと 掲題の扱いについて質問です。 表を作成しているのですが、tdに入るデータは空でテーブルを表示させたく思っています。 テーブルにはclass="table table-responsive"を与えます。 ブラウザ幅を意図的に狭めた場合にテーブルの列を固定表示させるにはどうしたらよろしいでしょうか。 何かお知恵があれば拝借させていただいきた

    • 0評価
    • 51PV
    lazyarea lazyarea 1週間前に 回答
  • 解決済

    回答
    1

    Bootstrap Checkboxesを使用してチェックが入っている値を配列で取得したいが、結果が...

    https://www.w3schools.com/bootstrap/bootstrap_forms_inputs.asp こちらのBootstrap Checkboxesを使用してドロップダウン内にチェックボックスのリストを作成しております。 <div class="btn-group"> <button type="button" clas

    • 0評価
    • 35PV
    s8_chu s8_chu 1週間前に コメント
  • 解決済

    回答
    1

    アイコンのレイアウト崩れを防ぎたい

    html&CSSでタイムライン風デザインを作成しているのですが、アイコンのレイアウトがテキスト数に影響を受けてレイアウトが崩れてしまいます。 アイコンを固定したいのですがどうすればよいでしょうか? <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Timelinebox</titl

    • 0評価
    • 50PV
    s8_chu s8_chu 1週間前に ベストアンサー
  • 解決済

    回答
    1

    underscore.js エラー cannot read property 'replace' o...

    いつもお世話になっております。 underscore.jsを使って、複数のセレクトボックスで選ばれたのと該当する同じデータを セレクトボックスの下にtableとして表示させる画面を作りたいのですが主題のようなエラーが出てしまいます。 そこで、テンプレートの中身を underscore html <script type="text/template"

    • 0評価
    • 32PV
    jfoivnorfija jfoivnorfija 2週間前に 回答
  • 解決済

    回答
    2

    Bootstrapのcollapseが閉じない

    BootflatというBootstrap3のテンプレを使ってサイトを構築しているのですが、 スマホ表示した時のいわゆる「ハンバーガーアイコン」の挙動がうまくいきません。 開く時は正常に動くのですが、閉じることができません。(Chrome/Safari共にダメ) ChromeのDeveloperToolで見てみると、開閉するdivエリアのクラスが以下の

    • 0評価
    • 79PV
    YusukeHisatsu YusukeHisatsu 2週間前に コメント
  • 受付中

    回答
    0

    sassを使用していると思われるテンプレートのコンパイル方法

    前提・実現したいこと Bootstrapを使用したテンプレートを探していたところ「BlurAdmin」というのが紹介されていて、使いたいと思いました。 種類が2種類あり、 1.http://akveo.com/blur-admin-mint/#/dashboard 2.http://akveo.com/blur-admin/#/dashboard 2

    • 0評価
    • 42PV
    teratailが2週間前に アップデート
  • 解決済

    回答
    1

    bootstrapだけ読み込めない現象?

    前提・実現したいこと bootstrapはcdnを使っています。なぜかそれがきかなくなったので、質問しました。 発生している問題・エラーメッセージ エラーはないです。 エラーメッセージ 該当のソースコード ここに言語を入力 <!DOCTYPE html> <html> <head> <title>bootstrapTest</title>

    • 0評価
    • 50PV
    sasasa-tto sasasa-tto 2週間前に ベストアンサー
  • 解決済

    回答
    1

    後から作ったコントローラーがbootstrapを適用しない

    初心者で恐縮ですがご教授ください。 cakephp3にbootstarp3を入れ、プラグインfriendsobcake/bootstrap-uiを入れて、なんとか動かすことができました。でも、最初に作ったコントローラにアクセスしたときだけbootstrapが適用されており、後から作ったコントローラにアクセスするとbootstrapが適用されていません。b

    • 0評価
    • 69PV
    navca navca 2週間前に 回答
  • 解決済

    回答
    1

    bootstrapのモーダルでのフォームの処理

    前提・実現したいこと bootstrapのモーダルを使ってフォームでの登録処理をしようとしています。 条件があり、お店と数量と商品を入力するボックスがあり、ある数量(ここでは100とします)に満たない場は、「次へ」ボタンが出現します。 そして、100に達するまで入力フォームが出続け、100になったら「次へ」ボタンが「確認」ボタンに変わり、押すことによって確認

    • -3評価
    • 97PV
    komachi168 komachi168 2週間前に ベストアンサー
  • 受付中

    回答
    1

    railsにbootstrapを導入すると、Sprockets::FileNotFoundというエラ...

    Sprockets::FileNotFoundの下には couldn't find file 'twitter-bootstrap-static/fontawesome' with type 'text/css' と書かれています。エラーの対象となっているコードは Use Font Awesome icons (default) To use G

    • 0評価
    • 40PV
    moke moke 2週間前に 回答
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    487

  • 総質問数

    552

  • 今週の質問数

    2

関連するタグ

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る