Bootstrap

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

RSS

  • 解決済

    回答
    1

    railsを使ってテーブルの列毎に任意の値が入るようにしたい

    railsを使ったサイトで、デザインにbootstrapを使用しているのですが、each文で各列毎に挿入したい「名前」が、以下のようになってしまいます。 テーブルの列毎に任意の名前が入るようにしたいのですがどうしたらいいでしょうか? <!--table--> <div class="opp bg-dark" style="padding

    • 0評価
    • 34PV
    renren643 renren643 1時間前に ベストアンサー
  • 受付中

    回答
    1

    複数のモーダルが表示されているときcloseボタンを押すと全てcloseされてしまう。

    前提・実現したいこと Bootstrap4でmodalの中にさらにmodalを立ち上げています。 二つ目のmodalが立ち上がった時にcloseボタンを押すと、一つ目も消えてしまいます。 別々に管理したいので、IDを元にjQueryで制御したいと考えているのですが、IDが固定のものではなくパラメータを伴っており、jQueryからどのように読み取ることができる

    • 0評価
    • 43PV
    kei344 kei344 2時間前に コメント
  • 解決済

    回答
    2

    画面に表示されたデータを固定して表示したい

    前提・実現したいこと Bootstrapを使って、テーブルを表示する画面を作ったのですが、DBのカラムが多く横に広がってしまっています。 そのため始めのデータを固定して横スクロールにして見れるようにしたいです。 <th>タグにclass要素を追加して固定すると思うのですが何を入力すれば良いのでしょうか? 以下のようにIDとnameの部分を固定して横にスク

    • 0評価
    • 53PV
    Ika3242 Ika3242 6時間前に コメント
  • 解決済

    回答
    1

    dreamweaverでボタンのスペースをいじる際の操作

    bootstrapをdreamweaverで使っているのですが、以下のようなボタンの間にスペースを作りたいときは直接cssファイルをいじるしかないのでしょうか? 他の方法があれば教えてください。

    • 0評価
    • 25PV
    takna takna 16時間前に ベストアンサー
  • 受付中

    回答
    2

    クックパッド株式会社HPフッターを実装したい。参考ページ探してます。

    検索して探してるのですが。 フッター レスポンシブ デザイン bootstrap等で検索しても いまいち引っかからず、何か名称はないか探しています。 もし下記フッターのデザインに近い参考ページをご存知の方、 いらしたら、ご教授頂けると幸いです。 こういうフッターです。 クックパッド株式会社HP PC スマホ①

    • -1評価
    • 107PV
    aro10 aro10 23時間前に 回答を編集
  • 解決済

    回答
    2

    【Rails】ナビゲーションにて動的に.activeをlink_toに付与したい

    動的にactiveクラスをlink_toに付与したい BootstrapのDashboardサイドバーみたく.activeクラスをRailsで動的にlink_toに付与したい。 表示ページのサイドバー項目はbackgroundが青色になっています。 ul.nav.nav-pills.flex-column li.nav-item = link_to

    • 0評価
    • 37PV
    kinako99 kinako99 1日前に ベストアンサー
  • 解決済

    回答
    1

    dreamweaverでライブの画面と、リアルタイムプレビューの結果が一致しない

    bootstrapでdreamweaverで使っているのですが、ライブの画面と、リアルタイムプレビューの結果が一致しません。 ライブでは以下のようになっているのですが リアルタイムプレビューでは のようにcontactがズレて出力されます 原因は何でしょうか?

    • 0評価
    • 41PV
    renren643 renren643 1日前に ベストアンサー
  • 解決済

    回答
    1

    dreamweaverで作ったものにrailsは実装できますか?

    dreamweaverでbootstrapを使って作ったhtmlにrails特有のコードを実装し、webサイトにすることはできますか?

    • 0評価
    • 33PV
    renren643 renren643 1日前に コメント
  • 受付中

    回答
    0

    bootstrapのドロップダウンが変なところに表示される

    bootstrapのドロップダウンが思い通りに表示されなくて困っています。 ドロップダウンボタンのすぐ下にメニューリストを表示したいのですがなぜかボタンを押すとこんなところに、、、、 原因と解決策があれば教えてください <!DOCTYPE html> <html lang="en"> <head> <meta charset="

    • 0評価
    • 34PV
    teratailが2日前に アップデート
  • 受付中

    回答
    1

    bootstrapでnavbarを作ったのですが動きません。何が原因なのでしょうか・・・

    ナビバーを実装したくてbootstrapで以下のコードをかいたのですが、 スマホサイズにしてハンバーガーメニューを押しても メニューが開きません。 書いたコードが以下です <nav class="navbar navbar-default navbar-fixed-top"> <div class="container-fluid">

    • 0評価
    • 246PV
    kei344 kei344 2日前に 回答
  • 解決済

    回答
    1

    bootstrapでpanelの色が反映されない

    bootstrapでpanelーprimaryの色が反映されず、白のままなのですがどうしたら反映されるのでしょうか? bootstrapテンプレートを使用しているのでおそらく、テンプレートのcssの設定が優先されてるのだと思いますが、解決策を教えてください。 <!DOCTYPE html> <html lang="en"> <head>

    • 0評価
    • 41PV
    renren643 renren643 2日前に ベストアンサー
  • 解決済

    回答
    2

    rails g kaminari:views bootstrap3が実行できない

    前提・実現したいこと railsでgem 'kaminari'を導入した後に、bootstrap3との競合を避けるために、 $rails g kaminari:views bootstrap3 をしたのですが、以下のエラーが出てきて困っております。どなたか対処法を知っていたらぜひご教授お願いします。 発生している問題・エラーメッセージ rails g k

    • 0評価
    • 249PV
    jnchito jnchito 2日前に 回答
  • 受付中

    回答
    1

    Bootstrap CSS どうやっても右側に余白が残る

    サイトの仕上げ段階で気づいたのですが、どうしても余白が右側についてしまいます...。 試せるものは全て試したので、下記にコードを記載するので、どなたか助けてください。 <body> <div id="page" class="container"> <div class="row"> コンテンツ </div> </div> </bo

    • 0評価
    • 124PV
    kei344 kei344 3日前に コメント
  • 受付中

    回答
    0

    Bootstrapの無料テーマを導入したい

    いつもお世話になっております。 Rails5でサイトを作っており、そこにumiというBootstrapのテンプレートを導入したいと思っています。 普段はCDNでBootstrapを利用していて、テンプレートを利用したことがないのでこちらのサイトを参考にやってみたのですが、デモサイトと若干違ったデザインになってしまいます。 (主にボタンがフラットではなく立

    • 0評価
    • 41PV
    teratailが3日前に アップデート
  • 受付中

    回答
    0

    bootstrapのdata-toggleでボタン化されたチェックにcheckedを入れられません。

    前提・実現したいこと fields_forのcheck_boxをボタンにして表示し(実際にcheckを入れ)たいです。 発生している問題・エラーメッセージ ボタンを押してもcheckが入らずその箇所のデータが送られません。 該当のソースコード = f.fields_for :tags, @plan.tags do |t

    • 0評価
    • 32PV
    teratailが3日前に アップデート
  • 解決済

    回答
    1

    テンプレートのcssの色より優先させる

    bootstrapでテンプレートを利用しるのですが、テンプレートのデフォルトのcssで文字に色がついており、一箇所だけ色を変えるという方法がわからず困っています。 リンクのリスト1,2,3の部分の文字色だけを変えたいのですが、やり方を教えてください <td>

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

    回答
    1

    bootstrapでグリッドシステムが反映されない

    bootstrapで指定したグリッドシステムが反映されないのですが何が原因でしょうか? col-xs-6で指定したはずの「xsサイズになったらmainが6とside2が6の割合になる」というと頃が反映されず、どのサイズになっても <div class="col-sm-2"style="background:gray;">side1</div> <div

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

    回答
    1

    bootstrapの中にあるcssの記述について

    bootstrapのテンプレートをダウンロードし、中身を確認するとagency.min.css(agency.cssを軽量化したもの?)とagency.cssの二つがあり、agency.min.cssを削除するとスタイルが崩れますが、agency.cssの方を削除して見ると、いっけん何も変化がないようでした。 agency.cssはなんの為に あるのでしょう

    • 0評価
    • 36PV
    renren643 renren643 5日前に ベストアンサー
  • 解決済

    回答
    1

    javascriptで生成する要素にツールチップを実装したい【Bootstrap】

    お世話になります。 現在作成しているサイト(bootstrapを使用)でツールチップの実装を行っているのですが、表示されず困っております。 色々と検証しているうちに、 htmlで直接 <div class="test"> <div data-toggle="tooltip" title="ツールチップ"> aaaaa

    • 0評価
    • 237PV
    yamakasa yamakasa 5日前に コメント
  • 解決済

    回答
    1

    Bootstrapで左寄せ・右寄せの要素を一行に共存させるには。

    前提・実現したいこと Ruby on Railsにてbootstrapを使って、フロント実装をしています。 デザインに沿った実装がどうしても出来ないです。どうしたら宜しいでしょうか? どうしても添付画像の下半分のような画面になってしまいます。 ↓上半分が正しいデザイン・下半分が誤ったデザインです。 ↓完成デザイン 発生している問題・エラーメッ

    • 0評価
    • 46PV
    MosamosaPoodle MosamosaPoodle 1週間前に コメント
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    505

  • 総質問数

    600

  • 今週の質問数

    17

関連するタグ

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