Bootstrap

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

RSS

  • 受付中

    回答
    0

    Bootstrap3でナビメニューの多階層化ができない場合がある

    Twitter Bootstrap3にて、ナビメニューの多階層化を実装しているのですが、Androidや、iPhone、iPadなどのタブレット系ですと、サブメニュが開かない現象に悩まされております。 上記スマートデバイス系(Android、iPhone、iPadなど)ですと、以下のようにメニューが開きません。 当方、JavaScriptやjQu

    • 0評価
    • 32PV
    YusukeSato YusukeSato 6日前
  • 解決済

    回答
    1

    JavaScript(Bootstrap)でスクロールに追尾するサイドバーの作成

    Bootstrap3で固定サイドバーを使用する 上記のサイトを参考に、以下の3つのファイルを作成し、同じディレクトリに入れました。(スクロールした画面の位置によってサイドバーの文字の色が変わるなどは不要です。また、html内に<p>長いコンテンツ</p>と書いたのは、行数を稼ぐためだけのものです。) やりたいことが2つあります。 メインコ

    • 1評価
    • 72PV
    katsukihi katsukihi 1週間前
  • 解決済

    回答
    2

    ページ途中のNAV要素をスクール中でもfixedさせるには?

    bootstrapで作成したnav要素をfixedで上部固定しようと思っています navがページの最上部ではなく途中(ヘッダーの下あたり)にあるので jqueryでnavが隠れるまでスクロールしたらnav要素にfixedのclassを追加し CSSでfixedを指定しています。 PCなどではスムーズにnav内のドローップダウンを開いた状態でス

    • 1評価
    • 50PV
    hyksm hyksm 2週間前
  • 受付中

    回答
    1

    bootstrapでnav-tabs内のtab切替時にiframeの高さを調整するには?

    bootstrapでnav-tabs内のtab切替時にiframeの高さを調整するにはどうしたら良いですか? 【jQuery】iframeの高さを取得し自動調整するスクリプト(Microsoft Edgeにも対応) こちらを参考にして組んでみたのですが、タブを切り替えた際に高さがおかしくなります 恐らく最初に取得した高さのまま表示されているのだ

    • 0評価
    • 64PV
    hyksm hyksm 2週間前
  • 解決済

    回答
    2

    Ruby on Rails + Bootstrap で印刷すると、リンク先の URL が表示され、印...

    Ruby on Rails も Bootstrap も 初心者です。 Ruby on Rails + Bootstrap で印刷すると、リンク先の URL が表示され、印刷されてしまいます。 ネットで調べているのですが、bootstrap.css というファイルの @media print { a[href]:after { content

    • 0評価
    • 87PV
    tuvalu tuvalu 2週間前
  • 解決済

    回答
    1

    [angular]ページ切り替え式モーダルの「次へ」ボタン実装について

    前提・実現したいこと 既存のソースコードにて、 複数ページに渡り入力を促すモーダルの表示を行っています。 今まで、入力内容の有効・無効関係なしに次へ進めるようになっていましたが、 無効な値を入力されれば「次へ」ボタンを無効にし 次へ進めなくしようとしています。 使用しているのはAngularJS。 それとBootstrapと思われます。

    • 0評価
    • 355PV
    YaMuRo765 YaMuRo765 3週間前
  • 解決済

    回答
    1

    data-dismissタグについて

    おそらくBootstrapに固有のものと思うのですが、よくわからないコードがあります。 <p class="success alert alert-success alert-dismissable"> <button type="button" class="close" data-dismiss="alert" aria-h

    • 1評価
    • 66PV
    bill bill 3週間前
  • 解決済

    回答
    3

    ul要素のpadding-leftの調整がうまくいかない

    bootstrapを利用しています。 ul要素にはデフォルトでpadding-leftが付いていますが、何もしないと写真の様に左側にスペース(赤色)ができてしまいます。 一方、padding-left:0とすると(何故か意図と異なり)左側に行き『過ぎ』てしまいます。 padding-left:1remなどとすると、ましにはなりますが、写真の

    • 0評価
    • 380PV
    innjera innjera 1ヶ月前
  • 解決済

    回答
    1

    Bootstrapのリスト(ul , li) 内で画像をレスポンシブ表示できない

    Bootstrapを利用して開発をしていますが、 リスト(ul 、li)タグの内部で画像をレスポンシブ表示しようとしていますが 画像を横並び4個表示ができません。 対処方法があれば教えてください。 <div class="row"> <div class="col-sm-12"> <div class="row" id

    • 0評価
    • 82PV
    hidepon hidepon 1ヶ月前
  • 解決済

    回答
    1

    レスポンシブ対応

    wordpressにbootstrapを使ってwebサイトを構築しているものです。 レスポンシブ対応について質問です。 スマホで表示してみると全体が小さくなってしまいます。調べてみるとビューポートが問題と出てくるのですが、ビューポートは正しく <meta name=”viewport” content=”width=device-width, init

    • 0評価
    • 75PV
    msuhyoshinori msuhyoshinori 1ヶ月前
  • 解決済

    回答
    1

    bootstrap breadcrumb でバグ?col-xsで日本語が強制的に折り返す

    bootstrap breadcrumb でバグ?col-xsで日本語が強制的に折り返します <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="/">eigohadaijoubu</a></li> <li class="breadcrumb-item active">e

    • 0評価
    • 378PV
    hyksm hyksm 1ヶ月前
  • 受付中

    回答
    0

    bootstrap nav スマホ時fixedで上部固定にした際ドロップダウンした状態でfixedす...

    bootstrap nav スマホ時fixedで上部固定にした際ドロップダウンした状態でfixedするとチラツキや一旦メニューがきえちゃう navがスクロールして上部に消えたらfixedで上部固定にしているのですが ドロップダウンのメニューを表示したままスクロールすると メニューの背景色が一旦消えてしまい。見にくくなります もうしばらく下にスクロ

    • 0評価
    • 297PV
    hyksm hyksm 1ヶ月前
  • 解決済

    回答
    2

    border-radiusが勝手に付いてしまう(?)

    border-radiusをつける意図なく、元写真通り、四角全て直角で写真を表示したいのですが、何故か写真上部の角が丸まってしまいます。 誤りをご指摘頂けますと幸甚です。 <div class= 'card'> <a href="/user/products/1"> <div class="card-block"> <h4 cl

    • 0評価
    • 109PV
    innjera innjera 1ヶ月前
  • 受付中

    回答
    2

    bootstrapのnavbarでハンバーガーメニューが表示されない

    bootstrapにて navbarで、 <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button class="navba

    • 0評価
    • 125PV
    jam_diary_ jam_diary_ 1ヶ月前
  • 受付中

    回答
    1

    bootstrapが反映されない

    railsにおいてbootstrapをimportしているにもかかわらず、、 表題の通り、bootstrapのテンプレが反映されません。 application.scss @import "bootstrap-sprockets"; @import "bootstrap"; @import "top"; @import "users_inde

    • 0評価
    • 88PV
    NaoTsukamoto NaoTsukamoto 1ヶ月前
  • 解決済

    回答
    1

    cakephp3で画像が張れるbootstrap対応のオススメMarkdownライブラリ

    markdown初心者でまったく方向性つかめない状態でいます。 cakephp3で画像が直接はれるbootstrap対応のmarkdownライブラリを探しています。 bootstrap-markdown こちらは画像をURL指定して直リンクで張るようです。そうではなく、テキストエリアに直接挿入できるような画像を張る仕組みを探しています。 また

    • 0評価
    • 148PV
    yajin yajin 1ヶ月前
  • 解決済

    回答
    3

    問い合わせフォームを作りたい

    問い合わせフォームをサイトに組み込みたく、githubで検索したら下記を見つけました。ローカルでhtmlファイルに名前、emailなどを打ち込みsubmitすると、phpのソースが画面上に現れ、phpファイルで設定した私のアドレスにhtmlファイルでinputした情報が送信されません。 どのようにしたら良いのでしょうか? htmlファイル名はinde

    • 0評価
    • 115PV
    terate terate 1ヶ月前
  • 解決済

    回答
    1

    IISでbootstrapのスマホ用コンテンツ出し分け

    IISでbootstrapのスマホ用コンテンツ出し分け方法について 通常は hidden-xsやvisivle-xsなどで表示非表示でコンテンツの出し分けすると思うのですが、 <div class="hidden-xs"> コンテンツ </div <div class="visible-xs"> コンテンツ </div> どうしても上記の様な描き

    • 0評価
    • 102PV
    hyksm hyksm 1ヶ月前
  • 解決済

    回答
    1

    inputされた値の一部が取得されていない

    index.phpで入力する値で"gender"だけが入力してるにもかかわらず、mail.phpによって送られてくるメールにgenderの値が取得されておりません。なぜかが判明しないのですがどこか間違っておりますでしょうか? index.php <!DOCTYPE html> <html lang="en"> <head> <meta chars

    • 0評価
    • 104PV
    terate terate 1ヶ月前
  • 解決済

    回答
    1

    レスポンシブデザインの複数formのsubmit切り分け

    bootstrapで作成された レスポンシブデザインのサイトがあり ページ内に2つのformがあります ひとつは①スマホ用表示 もうひとつは②PC用表示です ②hidden-xs ①visible-xs でそれぞれ表示を切り替えてます 気持ち的にはフォームは一つ(スマホ時1つ、PC時1つ)のつもりですが どうしても記述が2つ

    • 0評価
    • 82PV
    hyksm hyksm 1ヶ月前
1

もっと見る

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    413

  • 総質問数

    374

  • 今週の質問数

    1

関連するタグ

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