Bootstrap

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

RSS

  • 受付中

    回答
    1

    Bootstrapで2つ以上の要素を左詰したい

    Bootstrap 3.2とPHPを使ってWEBページを作っています。 初歩的な内容かもしれませんが質問させてください。 ■実現したいこと スマホサイズ(xs)の時は、2行に分けたいです。 あああああ いいいいい それ以外(sm以上)の時は、左詰めにしたいです。 あああああいいいいい ■試したこと <div>にcol-*を

    • 0評価
    • 19PV
    sakura_hana sakura_hana 12時間前
  • 受付中

    回答
    1

    bootstrapで、.containerの下位要素の背景色をコンテンツ幅を超えて画面幅いっぱいに広...

    前提・実現したいこと wordpressでlightningというテーマを使ってホームページをつくりたいです。 https://lightning.nagoya/ja/ この個別ページのメインのコンテンツ(wordpressの管理画面>固定ページ>新規追加で書いた記事の部分)内の、特定部分の背景色を画面幅いっぱいにしたいです。 bootstr

    • 0評価
    • 20PV
    pd00 pd00 2日前
  • 受付中

    回答
    0

    Bootstrapでカラムの高さを揃えたい

    Bootstrapでカラムの高さを揃えたいです。横の幅はそろったのですが、画像の高さがそれぞれ違うため、均等に配置されません。ソースコードではMysqlから画像を取り出してBootstrapで表示しています。他のページではrow-eq-heightを使って高さを揃えられたのですが、ソースコードの場合画像が縦に並んで表示されてしまいました。どなたか解決策をご提

    • 0評価
    • 48PV
    atomatom atomatom 2日前
  • 受付中

    回答
    1

    レスポンシブの3つのカラムで、ひとつだけ画像が違う場合

    レスポンシブで次のようなレイアウトはどうしたらいいでしょうか。 赤色の箱は画像です。一番右だけ丸いボタンがついています。 bootstrapでも、cssでもやろうとしていますが、 なかなかむずかしいです。 丸いボタンはcssでもいいのですが、 よろしくお願いいたします。

    • 0評価
    • 24PV
    teru321 teru321 3日前
  • 受付中

    回答
    1

    collapse(ONOFFで折りたたみ・戻しができる機能)のjqueryを修正したい

    前提・実現したいこと Bootstrapのcollapseを修正して展開中(collapsing)の高さを変えたいのですが どこを修正したらいいのか分からず悩んでいます。 該当のソースコード var Collapse = function (element, options) { this.$element = $(elem

    • 0評価
    • 26PV
    suizya2 suizya2 4日前
  • 解決済

    回答
    3

    WordPressテーマをゼロから作成する?

    いつもお世話になっています。 下記の経緯があって、皆様はどのようなサイト作成をされているのかが気になり質問させていただきました。 ①数年前より、Dreamweaverのグリッドレイアウトでレスポンシブデザインでのサイト作成を行ってきました。 ②DreamweaverでBootstrapが推奨?されるようなったので、Bootstrapでのサイト作

    • 0評価
    • 113PV
    mi_ mi_ 1週間前
  • 解決済

    回答
    1

    bootstrap3 bootstrap-datepickerのコンポーネントが動作しない

    前提・実現したいこと いつもお世話になっております。 今回は、datepickerのカレンダーアイコンをクリックしても カレンダーが表示されないことで困っています。 テキスト欄をクリックしたら、ちゃんとカレンダーは表示されます。 先日のご質問の際に、datepickerにも同じ名前でいろいろと あるとお伺いして、そのあたりは修正をかけて、

    • 0評価
    • 37PV
    tsuru0508 tsuru0508 6日前
  • 受付中

    回答
    0

    特定の行だけグリッドの幅を調整したい

    Bootstrapのグリッドシステムではそれぞれ行を12分割して管理しますが、例えば、特定の行だけを微調整したい場合はどのようにすればよいのでしょうか。 <section> <div class="container"> <div class="row"> <div class="col-lg-10 col-lg-offset-

    • 0評価
    • 21PV
    Auxo Auxo 6日前
  • 解決済

    回答
    1

    bootstrap3 bootstrap-timepickerについて

    前提・実現したいこと いつもお世話になっております。 bootstrap3でbootstrap-timepickerは利用できないのでしょうか? いろいろとホームページを参考に作業していますが、どうにもうまく行きません。 もし、bootstrap3で使えないなら、これ以上頑張っても解決できないので、 まずは、利用できるかどうか知りたくて投稿しま

    • 0評価
    • 38PV
    tsuru0508 tsuru0508 1週間前
  • 受付中

    回答
    1

    uibModal.openでcontrollerを指定した際のインスタンス破棄等について

    前提・実現したいこと AngularJSでUI BootstrapのuibModalを使った処理しています。 $uibModal.open()時に、パラメータcontrollerを指定して、 別のコントローラでそのmodalの処理を捌くことを考えています。 発生している問題 $uibModal.open()で指定したcontroller内で、

    • 0評価
    • 41PV
    mao999 mao999 1週間前
  • 解決済

    回答
    1

    コンテンツ部分がヘッダーとフッターに重なってしまいます。

    bootstrapでヘッダーとフッターの導入をしたのですが、 コンテンツ部分が隠れてしまったり(header)、重なってしまったり(footer)してします。 いろいろ探してみたりはしたのですが、うまくいかなかったのですがいい方法はありますでしょうか? 該当のソースコード application.html <body> <%=

    • 0評価
    • 52PV
    satail satail 1週間前
  • 受付中

    回答
    1

    bootstrap で縦方向の調整でbottom で表示したいのですが、うまくいきません

    bootstrapでコンテンツの垂直方向の調整をbottom にしようとしていますが、うまく表示されません。 <div class="row"> <div class="col-lg-8 col-md-8 col-sm-8 hidden-xs dtable"> <h2 class="pad dec bottom">情

    • 0評価
    • 320PV
    hidepon hidepon 1週間前
  • 解決済

    回答
    1

    サイトのデザインについて

    二点わからないことがあります ●右端のバーでに表示されているログアウトアイコンの位置をバーの真ん中におきたい ●商品の説明文と写真を枠線を用いて囲みたいが、これらを包括したdivを用いてもうまく反映されません 以下コードですよろしくお願いします。 <!doctype html> <html lang="ja"> <head> <meta ch

    • 0評価
    • 83PV
    shibahs shibahs 1週間前
  • 解決済

    回答
    2

    bootstrap-Validatorが動的に生成したFormに対して利かない...

    概要 いろいろ試してみたのですが、原因の特定につながらず、JQuery等にもそれほど明るくなく行き詰ってしまったので質問させて頂きます。 情報の不備などがございましたらご指摘いただければ追記等で対応させて頂きたいと思います。 現象 inputなどのFormを動的に生成すると、Bootstrap-Validatorが動かなくなる。 ch

    • 0評価
    • 44PV
    jakelizzI jakelizzI 1週間前
  • 受付中

    回答
    1

    【bootstrap】固定ヘッダーについて

    bootstrapのnavbarをスクロールしても動かないよう以下のように ヘッダーを2段重ねたいのですがうまくいきません。 どうすれば、navbarを2行固定にできるでしょうか。

    • -2評価
    • 60PV
    wordx wordx 2週間前
  • 解決済

    回答
    2

    【bootstrap】ハンバーガーボタンの中身を変更したい

    bootstrapでnavbar作成し、スマホで表示する際、ハンバーガーアイコンになるようにしています。 デスクトップで表示してある項目をハンバーガーメニューの中では非表示にしたり、 追加の項目を表示したりしたいのです。 例えば、以下のようにするにはどうすれば、いいか教えてください。 パソコン表示時 メニュー 編集 表示 設定 ヘルプ

    • -1評価
    • 97PV
    wordx wordx 2週間前
  • 受付中

    回答
    2

    【bootstrap】ハンバーガーボタン開閉時にアイコンを変更したい

    bootstrapで、ハンバーガーボタンと内容について 開閉時に = → ✖️マークにしたいのですが、どうすれば可能でしょうか。

    • -2評価
    • 84PV
    wordx wordx 2週間前
  • 解決済

    回答
    1

    bootstrapで画面をつくる

    前提・実現したいこと いつもお世話になっております。 bootstrapを利用して、添付資料のような画面を作成したい。 各枠は、iframeを使ってコンテンツを表示させるつもりです。 offsetを使ってずらすことは出来ましたが、やりたいこととは違い、 また、画面を小さくすると、offsetしている分、画面がずれて 表示されてしまいます。

    • 0評価
    • 83PV
    tsuru0508 tsuru0508 2週間前
  • 受付中

    回答
    1

    トップページ画面下に、下矢印 v(scroll)が表示されるようにしたい

    以下のサイトのように、動画の中央に文字を表示したいのですが、 どうすれば、可能でしょうか。特に、どんな画面サイズでも、画面下から 20px程度のところに、常に、下矢印(scroll)が表示されるようにしたいです。 よろしくお願いします。 http://www.anaintercontinental-manza.jp/

    • -1評価
    • 233PV
    html5x html5x 2週間前
  • 受付中

    回答
    1

    【bootstrap】ハンバーガーボタンの中のメニューについて

    ハンバーガーボタンの中のメニューのみ、 文字の前に、glyhアイコンを追加表示したのですが、 どうすれば可能か教えてください。

    • -2評価
    • 106PV
    wordx wordx 2週間前
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    455

  • 総質問数

    472

  • 今週の質問数

    7

関連するタグ

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