Bootstrap

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

RSS

  • 解決済

    回答
    1

    Bootstrap3のinput-group-addonの背景色をbtn-primaryのようにした...

    Bootstrap3日本語リファレンスを参考にテキストフォーム等を作成しています. フォーム左にテキストを配置したのですが,配置したテキストの背景色を変更する方法がわかりません. <div class="input-group"> <span class="input-group-addon">ユーザー名</span> <input ty

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

    回答
    1

    ハンバーガーメニューがz-indexで指定できません

    ドリームウィーバーでBootstrapを使ってハンバーガーメニューを組んだのですが、固定ヘッダーのハンバーガーメニューが画像やテキストの下に出てしまいます。position:fixedでz-index:999;にしても効きません。どうせすれば良いでしょうか。 該当のソースコード ```ここに言語を入力 <div class="visible-xs"

    • 0評価
    • 41PV
    puff puff 2日前に 質問を編集
  • 受付中

    回答
    1

    RubyonRailsによるwebサイトの作り方

    現在bootstrapとRubyonRailsを学習しwebアプリを初めて製作しています。 よく色々なサイトにある新着ニュース記事バーを、RubyonRailsの編集したMVCを使ってBootstrapの枠に実装するにどうしたらよいのでしょうか? できれば、タイトル、内容、日付が表示する形にしたいと考えています。

    • 0評価
    • 40PV
    britainbox britainbox 2日前に 回答
  • 解決済

    回答
    1

    JSライブラリーの依存関係に関して

    bootstrapとDynaTreeを使用してエクスプローラ的なビューを作成したいのですが、 それぞれで要求しているjqueryライブラリーの版数が違う様で思う様に動作出来ていません。 <!-- BootStrap Include the required JavaScript libraries: --> <link rel="st

    • 0評価
    • 64PV
    kei344 kei344 4日前に ベストアンサー
  • 受付中

    回答
    1

    BootStrapでContainer幅の値を変更したい。

    現在、BootStrap4をCDN経由で使用してます。container幅をデフォルト最大値1140pxでは無く、960pxに変更したいです。 独自CSSに下記を書いており、外観としては問題が無い状態です。ただ、一つ一つに、custom-containerクラスを当てているので出来れば、一括でBootstrapの最大幅を固定するというような処理を行いたいです

    • 0評価
    • 47PV
    x_x x_x 4日前に 回答
  • 受付中

    回答
    1

    window.matchMediaで作ったレスポンシブJSが効率悪いので直したい

    JS初心者です。 Bootstrapと同じブレイクポイントで、window.matchMediaを使ったレスポンシブ用のクラス振り分けJS作りました。 xs:0~575px sm:576~767px md:768~991px lg:992~1199px xl:1200px~ Bootstrapがメディアクエリでmin-width:◯◯◯px以上とい

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

    回答
    1

    BootstrapのタブをSubmit後に同じページにさせる方法が知りたいです。

    いつもお世話になっております。 Cakephp3でCSVファイルの入出力を行う機能を作っています。 1つのページにBootstrapのタブを使い、入力と出力を分けて提供したいです。 以下のようにページを作りました。入力タブではCSV入力ボタンを押してSubmitすると、処理が終わってからまた入力タブのページに戻ります。しかし、出力タブページでは、出力するボタ

    • 0評価
    • 48PV
    lovelydai lovelydai 5日前に コメント
  • 受付中

    回答
    0

    ユーザー情報更新ができない [Rails5/bycript/Devise]

    前提・実現したいこと 登録済みのユーザー情報編集機能を完成させたい 具体的な説明 railsにてデートプラン支援的なwebサービスを作っていますが ユーザー登録、マイページまで作成して ユーザー情報の編集でつまずきました。 私の考えとしては View側 ・current_user情報をformに表示 ・直接編集可能 ・更新ボタンを押すとupd

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

    回答
    1

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

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

    • -1評価
    • 211PV
    KOBAYASHI.Jun KOBAYASHI.Jun 1週間前に ベストアンサー
  • 解決済

    回答
    4

    Webサービスのローディング機能は、どういうところで使うと良いですか?

    Webサービスのローディング機能は、どういうところで使うと良いですか? 画像の読み込みや、動画の読み込みなどの思い処理がかかるところに、ローディング機能があった方が良いのでしょうか? * くるくる回るプログレスインジケータのアイコン のことです。

    • 0評価
    • 128PV
    sk_3122 sk_3122 1週間前に ベストアンサー
  • 受付中

    回答
    3

    webサービスのトップページで、index.php が反映されません。

    PHPで簡単なWebサービスを作っております。 今までは、index.htmlでTOPページを表示させていたのですがそこにPHPを実装する必要になり拡張子を「.php」に変更したのですが反映されません。   なぜでしょうか? サーバーの設定をしなければいけないのでしょうか?

    • 0評価
    • 99PV
    s_eric s_eric 1週間前に 回答
  • 解決済

    回答
    1

    Bootstrap3で<object>をクリックしてmodalを起動させたい

    Bootstrap3を利用してmodalを組み込みたいのですが、クリックする対象を<object>にするとmodalが起動しない状況です。(<img>や<button>だと普通にmodalは起動します。) クリック対象にPDF画像を利用したい為、<object>を利用したのですが、何か方法があればご教示下さい。 <object data="画像のpa

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

    回答
    1

    Bootstrapのタブにおいて、デフォルトで表示するタブを、リンクのパスから指定したい

    前提・実現したいこと JS初心者です。Rails 5.0.6 と Bootstrap3を用いて、タブを作っています。やりたいことは、他のページのリンクからタブのあるページに飛んだときに、デフォルトで開くタブを指定したいということです。通常はclass="active"を指定しているタブをデフォルトで開きますが、リンクのパスの末尾に#タブ名を追加することで、そ

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

    回答
    1

    bootstrap3で、768px未満のナビメニューの表示を横並びに指定する方法はありますでしょうか...

    bootstrap3で、768px未満のナビメニューの表示において、 日付入力部分を横並びにしたいですが、どのような方法が考えられるでしょうか。 ▼ナビメニュー768px未満の表示 ※↑日付部分が縦にスタックされていますが、日付部分は横に並べたいです。 PCでは、以下の様な表示をしています。 ▼ナビメニュー768px以上の表示 ソース

    • 0評価
    • 47PV
    keeton keeton 1週間前に 回答
  • 解決済

    回答
    1

    bootstrap3で、navbarの768pxを堺にトルグメニューになりますが、1024pxに変更...

    bootstrap3で、以下のようなコードを作ると、 navbarの768pxを堺にトルグメニューになります。 768pxを堺にではなく、1024pxに変更するはできるのでしょうか。 <nav class="navbar navbar-default"> <div class="container-fluid"> <div cla

    • 0評価
    • 46PV
    keeton keeton 1週間前に 回答
  • 受付中

    回答
    0

    sassc-railsでの、Bootstrapのコンパイル(端数処理)がうまくいかない

    前提・実現したいこと Bootstrapを、CDN経由のからsassc-railsで処理したバージョンに切り替えようとしたのですが、1ピクセルずれるなど、見栄えが崩れてしまう箇所が多発してしまいました。 正しく動作するようにsassc-railsで処理したいです。 発生している問題・エラーメッセージ line-height: 1.42857と、小数5

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

    回答
    1

    ログイン画面で次の画面に遷移しません

    このようなログイン機能をを作成しています。 ですが、ログインボタンをクリックしても次の画面に遷移しません。 エラー文が出てこないので、原因がわからないです。。 一体、どこが原因なのでしょうか? どなかたご教授いただけると嬉しいです。 login_form.php (画像の画面) htmlは一部抜粋 <?php // 開発時にこれを書かないの

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

    回答
    1

    PHPでデバッグするにはどうしたらよいのでしょうか?

    PHPでログイン機能を作成しています。 ですが、画面が遷移しません。 login_form.php → login_check.php でエラーがなければ login_admin.phpへ エラーがあればlogin_form.php へリダイレクトする流れです。 原因がわからないのでエラーを出したいのですがどのようにデバッグしたらいいですか? ご

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

    回答
    2

    Bootstrap3でナビゲーションバーの画像の横にタイトルを持ってきたい

    bootstrap3でナビゲーションバーのアイコンの右横にタイトルを持ってきたいです ついでにナビゲーションバーの高さ等の替え方もわからないので教えてください。 <!--ナビゲーションバー--> <nav class="navbar navbar-default"> <div class="container-fluid">

    • 0評価
    • 75PV
    s8_chu s8_chu 1週間前に ベストアンサー
  • 受付中

    回答
    0

    fullcalendar + modalの連携で行き詰ってます。

    環境 bootstrap3 fullcalendar3.7 php 5.6 mysql 5.6 実現したいこと 一度modalを閉じて再度開いた時に前回の値を持ってきたくない。 <script src='js/moment.min.js'></script> <script src='js/fullcalendar.js'></

    • 0評価
    • 52PV
    teratailが1週間前に アップデート
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    546

  • 総質問数

    691

  • 今週の質問数

    6

関連するタグ

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

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