Bootstrap

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

RSS
  • 受付中

    回答
    0

    Bootstrapでカードの下に余白ができます

    添付画像のように5枚目(左下)の画像の上に余白ができて上にぴったりくっつきません。 コードは下記の通りです。 <% if user_signed_in? %> <div class="row"> <div class="col-md-2"> <%= link_to '掲示を投稿', new_post_path, class:

    • 0評価
    • 35PV
    teratailが20時間前に アップデート
  • 解決済

    回答
    1

    画面レイアウトについて(余白)

    やりたいこと <p>タグ「No.1の内容」(キャプチャ)と<div svg>の間の余白をなくしたい。 試したこと margin-top:4,padding:0を設定したが変わらず svgはInkscapeにて作成しました。ページサイズは[ページサイズをオブジェクトに合わせる]を選択したのでピッタリできていると思います。 デザインビギナーのた

    • -1評価
    • 60PV
    yo- yo- 4日前に 回答
  • 解決済

    回答
    2

    MVC5+Bootstrap3で、feedbackグリフがテキストボックスからはみ出る

    前提・実現したいこと お世話になります。 Visual Studio 2017 Professional (15.7.0) で、ASP.NET Webアプリケーション (MVC5) を作成しています。 発生している問題・エラーメッセージ アイコン(グリフ glyphicon-search)が、テキストボックスからはみ出てしまいます。 該当

    • -1評価
    • 91PV
    hsk hsk 4日前に コメント
  • 受付中

    回答
    1

    data-confirm-modalのボタン位置を変更したい

    data-confirm-modalを使って確認ダイアログを表示しているのですが、 ボタンの位置を変更したいです。 <%= link_to sample_path(sample), method: :delete, remote: true, data

    • 0評価
    • 20PV
    smty smty 4日前に コメント
  • 解決済

    回答
    1

    bootstrapでのタブ切り替え

    やりたいこと タブをクリックしたらページ遷移なしで画像(svg)が切り替わる 現状 最初に読み込んだ画像のまま画面が切り替わらない。タブの実装は済んでいますが、中身の方と結びついていない? 今やっていること jqueryにてタブクリックでタブ内容を取得し表示・非表示を切り替えることができないか模索中です。 ビギナーのためお力をお貸しいただけると

    • 0評価
    • 41PV
    yo- yo- 5日前に ベストアンサー
  • 受付中

    回答
    2

    htmlのimgに合わせたボタンの配置

    実現したいこと htmlにて画像とボタンを表示します。 画像は常に全体が確認できるよう高さを調整します。 画像の高さに合わせてアスペクト比を保持して横幅を調整します。 画像のサイズは様々です。 画像を画面の中央に表示します。 ボタンは画像の上側に表示します。 ←追記 そのボタンの左端を画像の左端に合わせます。 表示したときだ

    • 0評価
    • 61PV
    kei344 kei344 5日前に 回答
  • 受付中

    回答
    0

    Railsアプリ開発で入力済みデータ修正機能を実装するときにCouldn't find Projec...

    前提・実現したいこと 開発環境 ・Rails 4.2.10 ・Ruby 2.5.0 ・rbenv 1.1.1-30-gc8ba27f ・sqlite3 ・OS debian 9.4 Ruby on Railsでプロジェクト管理システムを作っています。 入力済みのプロジェクト概要情報(例、担当者)を変更する機能を追加しようとしています。 修正画面ダイアロ

    • 0評価
    • 52PV
    noboru235 noboru235 6日前に 質問を編集
  • 解決済

    回答
    1

    visualstudio2017でのjqueryプラグインの使用方法

    実装したいこと テーブルにスクロールバーを設置したい 困っていること visualstudioでのプラグインの使用方法がわからない コード投げて丸投げみたいで本当に情けないのですが、jQueryプラグインを使用する方法-MSDNの通りにやってもダメでかなり時間が掛かってしまっているのでお力をお貸しいただけないでしょうか。 【_Layout.c

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

    回答
    1

    ナビのhover時の色を変えたい

    bootstrapで下記のテンプレートを使ってます。 https://startbootstrap.com/template-overviews/modern-business/ この右上のナビをマウスオーバーした時の色を好きな色に変えたいです。 下記を試したのですがうまくいかずに困ってます。(何も変わらない状態です) 修正前 <ul class="

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

    回答
    2

    Bootstrap グリッドシステムの間隔調整について

    前提・実現したいこと Webシステムの画面で1つのタイトル・4つのラジオボタンを横並びで表示したい Bootstrap v3.3.7 ブラウザ :IE11 発生している問題・エラーメッセージ タイトルと1つ目のラジオボタンが重なってしまう 現在、Bootstrapのグリッドシステムにてレイアウトを組んでおり、何か他に手法があればご教授お願いします。

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

    回答
    1

    CakePHPでBootstrapを用いたWebページを表示したい

    CakePHPでBootstrapを用いたWebページを表示したい CakePHPを用いたWebシステムを開発しており、私はWebサイトの作成を担当しています。 作成に当たってはネット上のBootstrap対応テンプレートファイルをダウンロードし、それをまた色や配置等をCSSでカスタマイズして使用しています。 発生している問題 CSSがうまく反映され

    • 0評価
    • 48PV
    Yazmatto Yazmatto 1週間前に コメント
  • 受付中

    回答
    2

    Bootstrap4 にてテーブル項目の高さを揃えたい。

    Bootstrap4 にて、tableを生成しましたが、テキストフォーム、コンボフォームが水平方向に 揃いません。 テキストボックスの横に選択コンボボックスを 揃えたいのですが、どのようにすれば揃いますか? <tr> <td data-toggle="tooltip"

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

    回答
    2

    Bootstrapのナビゲーションの使い方で分からない事があります。

    いつもお世話になっております。 Bootstrap3の使用方法で分からない事があります。 ご存知の方がいらっしゃれば、教えて頂けますでしょうか。 【ご質問】 以下のhtmlの記述でご確認したいことがあります。 以下の記述ですと、 テスト1、テスト2、テスト3、テスト4、送信 のように横に1行で表示されます。 これをスマホなど横幅の表示が狭いブラウ

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

    回答
    1

    ドロップダウンメニューの横にならべたい

    要はQiitaのヘッダーをモロパクリしたいんですけど、どうしても縦に並んでしまうです。 新規登録とドロップダウンメニューを並列に並べたいんです。 ruby on rails でやってます。 <nav class = "nav navbar-nav navbar-right "> <%= link_to "新規登録",signup_

    • -2評価
    • 69PV
    mts10806 mts10806 1週間前に ベストアンサー
  • 解決済

    回答
    1

    Bootstrapのブレイクポイント変更について

    分からないこと Bootstrapを構成しているcssファイルの中で、bootstrap.css以外のcssファイルのブレイクポイントも変更しなければいけないのでしょうか。 それに際して、bootstrapを構成するファイルの役割、そもそもbootstrap自体の機能についても軽く教えていただけると嬉しいです。 (※当方CSSについては勉強し始めた

    • 0評価
    • 58PV
    makkuro makkuro 2週間前に ベストアンサー
  • 受付中

    回答
    0

    Bootstrap3 dropdownの表示領域無いの余白をクリックすると閉じる件

    表記の件につき、現在ドロップダウン無いにログインフォームを作成しております。 ドロップダウンを開いて、入力フォーム以外の領域内(余白、ラベル等)をクリックすると トロップダウンが閉じてしまいます。 この動作を制限する方法を教えてください。

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

    回答
    1

    BOOTSTRAP4とjQuery-uiのresizableの挙動について

    いつもお世話になっております。 BOOTSTRAP4の基本的な構造(starter-template)にjQuery-uiのresizableを合わせると、ドラッグ時にブルブルと動き、もともと要素があった場所から移動してしまいます。 なにか解決方法をご存知ではないでしょうか? jquery-uiとbootstrapの相性が悪いということでしたら、jque

    • 0評価
    • 50PV
    bicycle8080 bicycle8080 2週間前に コメント
  • 解決済

    回答
    1

    Railsへのbootstrapテンプレート導入方法について

    Railsへのbootstrapテンプレート導入方法について Rails4.1を使用しています。bootstrap3シリーズのテンプレートを購入しました。 https://wrapbootstrap.com/theme/kidz-multipurpose-children-kids-theme-WB059350N ただ,いまいち使い方がよくわかりませ

    • 0評価
    • 50PV
    kenben kenben 3週間前に 回答
  • 受付中

    回答
    2

    rails5.2.0へのbootstrapの導入

    railsにbootstrapを導入しようと思い<https://github.com/twbs/bootstrap-rubygem>こちらのサイトに記載の通り進めたのですが、[ExecJS::ProgramError]というものが表示されてしまいます。 ネット上にある様々な解決法を試したのですが、うまくいきません。お助けくださいませ。 実行したのは、g

    • 0評価
    • 90PV
    maisumakun maisumakun 3週間前に コメント
  • 解決済

    回答
    2

    Visual Studio Codeに追加したbootstrap4の拡張機能が動かない

    このプラグインを入れてみたのですが、Usageにあったように b4- と入力してctrl + スペースを押しても動きません こちらのJQueryのプラグインは正常に動いていて、jqと入力すればスニペットの候補が出てきます ググって調べてみても解決法に行き当たりませんでした お分かりになるかたいらっしゃいましたら教えていただけると幸いで

    • 0評価
    • 108PV
    ika_tarou ika_tarou 1ヶ月前に コメント
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    640

  • 総質問数

    808

  • 今週の質問数

    4

関連するタグ

Bootstrapタグのよく見られている質問

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