Bootstrap

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

RSS

  • 解決済

    回答
    2

    vertical-align: middleが効かない

    添付のピンク背景部分の文字を垂直真ん中にしたいのですが、 vertical-align: middleが効かず、修正点をご教示頂けますと幸甚です。 コード記載の.trytryが原因とは思っています。 <div class="card misaki-class-card"> <div class="card-header danger-misa

    • 0評価
    • 242PV
    innjera innjera 20時間前
  • 解決済

    回答
    2

    Bootstrapのモーダルダイアログにリンクを挿入したいです。

    ※修正しました。 修正箇所は文末です。 前提・実現したいこと Twitterのモーダルウィンドウのように投稿へのいいね!や投稿の削除リンクを実装したいです。 こんな感じです。 書き出し data-~=" "にlink_to~を挿入しjQueryでデータを送っているのですがモーダルウィンドウ上に表示されません。 実行手順 ①

    • 0評価
    • 97PV
    s.k s.k 3日前
  • 受付中

    回答
    0

    投稿のidをモーダルダイアログへ送ることができません。

    よろしくお願いします。 前提・実現したいこと 投稿のid(micropost.user_id)をモーダルダイアログへ送りたいです。 書き出し 投稿からdata-~="~"でモーダルへ送った投稿のidが一致しません。 data-user_data = "<%= micropost.user_id %>"(投稿上) ≠ <%= micropos

    • 0評価
    • 49PV
    s.k s.k 1日前
  • 解決済

    回答
    1

    FLOCSSを採用したCSS設計について

    質問 BootstrapとFLOCSSを併用したい場合、どのようにするのがベストでしょうか。 質問に行き着くまでの過程 現在CSS設計について学んでいます。 今までのプロジェクトでは、 レイアウト周りにBootstrapを使って、独自のスタイルはBEMに則って記述していました。 先日、勉強会でFLOCSSという設計方法を知り、 今後はこ

    • 0評価
    • 15PV
    KonishiYudai KonishiYudai 5日前
  • 解決済

    回答
    2

    bootstrapのフォーム右下にある//を消したい。

    前提・実現したいこと bootstrapのフォーム右下にある//を消したいです。 これです。 調べたのですが見つかりませんでした((+_+)) マルチポスト スタックオーバーフロー

    • 0評価
    • 68PV
    s.k s.k 1週間前
  • 解決済

    回答
    1

    同じコードを記載しても画像サイズが一定にならない

    Instagram APIから画像を抜き出しています。 htmlとcssは以下の通り全て共通なのですが、取り出してくる写真によって画像部分の縦の長さが一定になりません。(全体の縦横の長さは一定になっています。) 解決方法わからず、誤りご指摘頂けますと幸甚です。 *全て同じコードですので、1枚分のみ記載します。 <div class =

    • 0評価
    • 46PV
    innjera innjera 6日前
  • 受付中

    回答
    0

    パーシャルのパーシャルに変数を送る方法を教えてください。

    前提・実現したいこと パーシャルのパーシャルにコントローラーのインスタンス変数を送りたいです。 発生している問題・エラーメッセージ 投稿のタイムラインをクリックすると、 Twitterのようなモーダルウィンドウが表示されるようにviewを作成しました。 モーダルウィンドウに表示されるview(コメントが追加されます) ≒ クリックした投稿で

    • 0評価
    • 43PV
    s.k s.k 5日前
  • 解決済

    回答
    3

    WordPressとBootstrapの利点

    前提・実現したいこと ホームページ作成。よくある一般的な企業ホームページ。 発生している問題・エラーメッセージ WordPressとBootstrapのどちらを使って作るべきかの選定。 該当のソースコード 試したこと Bootstrapはある程度触れます。 WordPressは触ったことがないため、どの程度便利なのか不明です。 補

    • 0評価
    • 78PV
    tantanegg tantanegg 1週間前
  • 受付中

    回答
    4

    ログイン画面テキストエリア<input type="text"  ・・・/>の中に、アイコンを表示さ...

    よろしくお願いいたします。 現在、レスポンシブ対応のweb画面を製作中です。 現在は某サイトのUIを参考に、ログイン部分を作っています。 参考サイト テキストエリアの部分に、下記画像のように左端部分にアイコンをつけたいと思っています。 参考サイトを検証ツール(Chromeデベロッパーツール)で調べたり、ソースを見たりしているのですが、

    • 0評価
    • 150PV
    nekomura nekomura 1ヶ月前
  • 解決済

    回答
    1

    pagedown-bootstrap-railsでプレビューが表示されない。

    前提・実現したいこと pagedown-bootstrap-railsを実装したいです。 発生している問題・エラーメッセージ プレビューが表示されません。 該当のソースコード 以下、実装手順とともに該当コードを記します。 【Gemfile】 gem 'bootstrap-sass' gem 'font-awesome-r

    • 0評価
    • 49PV
    s.k s.k 1週間前
  • 解決済

    回答
    2

    bootstrap4: Carouselのimgeを縦横同一比のままresponsibeにしたい

    Bootstrap 4 / carouselを利用しています。 デフォルトでレスポンシブになっているのですが、ブラウザを小さくすると、画像は調整されるのですが、画像の背景部分が小さくならずそのままの縦サイズで残ってしまっています。 背景も写真と合わせてレスポンシブにしたいのですが、ご教示頂けますと助かります。 *フルwindow(これはok)

    • 0評価
    • 103PV
    innjera innjera 1週間前
  • 解決済

    回答
    1

    rails : form_forメソッドのeditでTimeクラスのオブジェクトがセットされない

    Rails 5.0.0.1にて開発しています。デザインにはbootstrapを利用しています。 form_forにてeditアクション用のフォームを表示すると、datetimeのみ元々入れている日時が表示されず、空表示になってしまいます。誤りをご指摘頂けますと助かります。 編集前の画像 編集画面(datetimeのみ空になってしまってい

    • 0評価
    • 31PV
    innjera innjera 1週間前
  • 解決済

    回答
    1

    Bootstrap Datepicker 値が入らない

    日付選択のフォームにてBootstrap Datepickerを使っているのですが、 値が入らず困っております。 bootstrap-datepicker.jsのライブラリを使用しております。 環境:laravel5.2 <link href='https://cdnjs.cloudflare.com/ajax/libs/bootstrap

    • 0評価
    • 86PV
    3333tts 3333tts 1週間前
  • 解決済

    回答
    3

    bootstrap 4 : デベロッパーツールで確認すると画面がハミ出てしまう

    bootstrap 4を利用し、レスポンシブで製作しています。 デベロッパーツールでモバイルの状態を確認すると、いずれのデバイスで確認しても、画面がはみ出てしまい、左右にスクロールしないと全画面見ることができません。コードの誤りをご指摘頂けますと助かります。 <header> <div class = "container-flu

    • 0評価
    • 67PV
    innjera innjera 1週間前
  • 解決済

    回答
    1

    【bootstrap】tooltipを最前面に表示したい

    前提・実現したいこと bootstrapのtooltipを最前面に表示したい 発生している問題・エラーメッセージ angularJS環境内でbootstrapのtooltipを使用していますが、どうしても他の要素に隠れてしまいます。 (例:grid内にtooltipをおいた場合、gridのヘッダー内でしか表示できず、見切れてしまう) 書き方

    • 0評価
    • 54PV
    rudolf_fox rudolf_fox 1週間前
  • 解決済

    回答
    1

    bootstrap3 modal→iframeのphpに値を渡す

    前提・実現したいこと bootstrap3 modalの中にiframeを記述して、srcで別ソースを呼び出しています。 そのiframe内のphpにgetでもpostでも値を渡したい。 *押下するボタンによって、渡す値は変わります。 親画面に部署一覧があり、部署一覧の横の詳細ボタンを押したら modalが起動し、そのmodal-bodyの中

    • 0評価
    • 32PV
    tsuru0508 tsuru0508 1週間前
  • 解決済

    回答
    1

    bootstrap3 modalのサイズの変更の仕方(縦幅を増やす)

    前提・実現したいこと いつもお世話になっております。 bootstrap3のmodalのサイズを変更したい。 modal-lg等は、横幅ですが、縦幅を変更したいのです。 参考になるホームページのURL等を教えていただけると助かります。 どうぞ、よろしくお願いします。 該当のソースコード CSS: <style type="

    • 0評価
    • 70PV
    tsuru0508 tsuru0508 2週間前
  • 解決済

    回答
    3

    cakePHP3 Form_helperで作成したチェックボックスを横並びに表示したい

    前提・実現したいこと cakePHP3勉強中です。 Form_Helper + bootstrapで画面を作成しています。 配列の値でチェックボックスを作っているのですが、下記ソースコードですと、縦に表示されて今います。 これを横並びに表示させる方法をご教示ください。 よろしくお願いします。 該当のソースコード echo $this->Fo

    • 0評価
    • 74PV
    tundeco tundeco 2週間前
  • 解決済

    回答
    3

    z-indexに値を設定しても機能しません。-positionをstatic以外で設定してます-

    前提・実現したいこと headerをposition: fixed;で固定し、z-indexで上位表示したい。 【構造図】 理想的な高さの順位 ①header ②index-my-information 【理想図】 発生している問題・エラーメッセージ div class="heaeder"の上に###div class

    • 0評価
    • 379PV
    s.k s.k 2週間前
  • 解決済

    回答
    2

    bootstrapでクリッカブルマップを使用したい場合にはどうする?

    bootstrapでクリッカブルマップを使わなければいけない時はどうしますか? やはりjsに頼るしか方法はないのでしょうか?

    • 0評価
    • 83PV
    hyksm hyksm 2週間前
1

もっと見る

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    396

  • 総質問数

    352

  • 今週の質問数

    7

関連するタグ

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