Bootstrap

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

RSS
  • 受付中

    回答
    0

    bootstrapで複数のブレイクポイントとオフセットを設定した際の挙動について教えてください

    例えば、スマホサイズでは2行で、PCサイズでは1行では表示させたい場合、 スマホサイズでのみ空白を入れて調整したいのですが、 PCサイズでも空白が入ってしまいます。 <div id="contents" class="contents"> <div class="container"> <div class="row">

    • 0評価
    • 4PV
    sho.duck sho.duck 1時間前に 質問
  • 解決済

    回答
    1

    モーダルウィンドウからモーダルウィンドウを開く処理

    作業環境 Jquery3.3.1 HTML5 (bootstrap3) 開発環境 xamppローカルホスト とある案件にて管理画面を1から作成させていただいております。 今回力を貸して頂きたいのがタイトルにもある通りモーダルウィンドウから別モーダルウィンドウを開くような動作です 動作の流れとしては フロント画面にモーダルウィンドウを開くボタンがあ

    • 1評価
    • 96PV
    SayakaxxSakura SayakaxxSakura 12時間前に ベストアンサー
  • 解決済

    回答
    1

    Webサイトのリンク先について

    Webサイト作成について質問させてください。 「navでプロフィールの項目を追加してプロフィールをクリックするとプロフィールに移動する」という機能を作っていたのですが、プロフィールのページはindex.htmlのようにファイルを新しく作らないといけないのですか? また、aタグでしっかりとそのページに飛ぶかはドメインを取得してサイトをアップして確認するしかない

    • 0評価
    • 42PV
    Noknow_.2 Noknow_.2 1日前に コメント
  • 解決済

    回答
    2

    Material Design for Bootstrapをrails5に入れるとUndefined...

    Material Design for Bootstrap http://mdbootstrap.com/getting-started/ こちらでダウンロードして各css,javascriptのフォルダに入れたのですがUndefined variable: "$z-depth-1".とエラーが出てしまいます。このz-depthを変更すればいいと思う

    • 0評価
    • 71PV
    you88 you88 2日前に 回答
  • 受付中

    回答
    2

    sassを使用していると思われるテンプレートのコンパイル方法

    前提・実現したいこと Bootstrapを使用したテンプレートを探していたところ「BlurAdmin」というのが紹介されていて、使いたいと思いました。 種類が2種類あり、 1.http://akveo.com/blur-admin-mint/#/dashboard 2.http://akveo.com/blur-admin/#/dashboard 2

    • 0評価
    • 441PV
    keisukeh keisukeh 2日前に 回答
  • 受付中

    回答
    2

    angularjsのbootstrapの<uib-tab>が<ul>タグに変換されてしまう

    angularjs用のbootstrapを利用してタブを実装したいのですが、<uib-tab>タグを利用すると、表示ではなぜかリストに変換されてしまいます。 なぜでしょうか? 環境 angularjs 1.6 webpack typescript 2.6.2 ※HTMLに直接タグを記述したので、typescript,webpackは関係ないと思うのですが

    • 0評価
    • 556PV
    keisukeh keisukeh 2日前に 回答
  • 受付中

    回答
    1

    Railsの中でBootstrap4及びDatatablesを使って、綺麗に表示させたい

    前提・実現したいこと Datatablesを用いて、検索やページング、などができるようになりました。 ただし、UIをもう少し見やすいものにしたいと思っています。 現状のサイトは、下記のような感じです。 現状のサイト 本当はGmailのサイトみたいに同じ列に色々な機能を並べたいです。 Gmailのメニュー 諸々サイトを見て、上に表示したり、下に表示

    • 0評価
    • 235PV
    mskgjtnn 退会済みユーザー 3日前に 回答
  • 受付中

    回答
    1

    テーブルAで取得したデータを、Modalダイアログ内のテーブルBに配置したい。

    テーブルでデータを取得して、そのデータを別テーブルで表示させたい。 テーブルAの<tbody>内にある「<%= _会員["コード"] %>」のデータを、 JavaScript //myModal-dataの処理の「$("#point").append」内にある 「id="codeid" name="codename" placeholder="00" va

    • -1評価
    • 97PV
    mskgjtnn 退会済みユーザー 3日前に 回答
  • 受付中

    回答
    1

    ヘッダーの横表示されているメニューを、画面幅がある一定のサイズになったら縦に上から並べて表示したい

    ホームページを作成しているのですが、画面縮小時にヘッダーの横表示されているメニューを、画面幅がある一定のサイズになったら縦に上から並べて表示したいです。 【現状】 画面サイズを縮小していくと、一段ずつ切り替わってしまいます。 (最初にログイン:が基本情報の下にきて、その次に最終ログイン日時:、最終的に上から書いたとおりの順番で表示される) 【やりたいこと

    • 0評価
    • 86PV
    mskgjtnn 退会済みユーザー 3日前に 回答
  • 受付中

    回答
    1

    Local by FlywheelとGulpで構成しているサイトにBootstrap4のscssをイ...

    お世話になります。 現在Flywheelとgulpでwordpressテーマを作成しています。 自分で作ったscssファイルとBootstrap4のscssファイルをstyle.cssに吐き出したいのですが、 エラーになってしまいます。 現在のディレクトリ Local Site ├ node_modules └ package.json ├ pack

    • 0評価
    • 355PV
    mskgjtnn 退会済みユーザー 3日前に 回答
  • 受付中

    回答
    1

    Popoverの表示位置をマウスの座標に応じて変更したい

    前提・実現したいこと ボタンをクリックした際、マウスの下にポップオーバーが開くようにしたいです。 Reactstrapを使用しています。 Bootstrapでの実装方法でも構いませんので、ご教授願いたいです。 サンプルコード import React, {Component} from 'react' import {Container, Row

    • 0評価
    • 59PV
    mskgjtnn 退会済みユーザー 3日前に 回答
  • 受付中

    回答
    1

    bootstrap3のCarouselでipadの時だけスライドする時に不具合が発生してしまいます。

    bootstrap3のCarouselでipadの時だけスライドする時に不具合が発生してしまいます。 パソコン、スマホでは次の画像に切り替わる際に画像が途切れる事なくスライドされていくのですが、 iPadの時だけ画像が切り替わる時に白背景が見えてた後に次の画像が表示される状況です。 iPad(モデル:MD510JA)  ver:10.2.1 ブラウザ:c

    • 1評価
    • 99PV
    mskgjtnn 退会済みユーザー 3日前に 回答
  • 受付中

    回答
    1

    modalで入力した値を元画面のgridに表示したい

    前提・実現したいこと bootstrap4とangular2を使用しています。 (htmlファイルで画面のデザイン、tsファイルで設定を書いています。) modalで項目を入力後、 追加ボタンを押す → 元画面の表に1行データが追加される。 修正ボタンを押す → 元画面の表のデータが修正される。 削除ボタンを押す → 元画面の表の選択した1行が削除され

    • 0評価
    • 211PV
    mskgjtnn 退会済みユーザー 3日前に 回答
  • 受付中

    回答
    1

    Userとhas_many関係のカラムの値で OR検索して、その数が多い順に表示する。

    前提・実現したいこと Cloud9上でRuby on Railsを学ぶ目的で、音楽好きのためのSNSを作っています。 モデルは表(1)の2つです。 各ユーザーが複数のお気に入りを持っていて、 一つのお気に入りに一つずつの曲名と歌手名が保存されているという感じです。 モデル 関係 カラム User 1 id, name, 他 Favor

    • 0評価
    • 105PV
    mskgjtnn 退会済みユーザー 3日前に 回答
  • 受付中

    回答
    1

    bootstrapのテンプレートをrailsアプリに読み込む方法

    ここのテンプレートをrailsアプリ内に取り込み、このテンプレートそのものを表示させたいのですが、rails上にうまく表示されず、 このようにしたいのに こんな感じになってしまいます。 application.html.erbのhead内は以下のようになっています。このテンプレートのindex.htmlにboodstrapのcdnを通して

    • 0評価
    • 220PV
    mskgjtnn 退会済みユーザー 3日前に 回答
  • 受付中

    回答
    1

    StartBootstrapの使い方

    前提・実現したいこと はじめまして。Rubyonrailsを独学で勉強している初心者です。 オリジナルアプリのCSS部分をStartBootstrapを使って実装したいのですが CSSが反映されず、そもそものStartBootstrapの使い方が違うのでは? と困り果て投稿しました。ぜひご教授頂けますと嬉しいです。 発生している問題・エラーメッセージ

    • 0評価
    • 86PV
    mskgjtnn 退会済みユーザー 3日前に 回答
  • 受付中

    回答
    1

    Rails&Bootstrap4でSafariだけグリッドが崩れる...。

    slimコード シンプルな構造なのですが、なぜかSafariだけ崩れてしまいます。 cssを追加する必要があるとは思うのですが、なかなか解決しません。 同じ状態になったことがある方、もしいらっしゃったら情報提供頂けると幸いです。 .row .col-xs-12.col-lg-4.input-group = f.text_field ...

    • 0評価
    • 152PV
    mskgjtnn 退会済みユーザー 3日前に 回答
  • 受付中

    回答
    1

    WordPressで作成したポータル系のサイトをフレームワークで作り替えたい

    現在、WordPressでポータルのようなサイトを運営している方がいます。 このポータルサイトの拡張でいろいろと取り組んできたのですが、 WordPressのバージョンアップやプラグインの対応が良くなかったりなどの理由で、思うように 拡張ができなくなってきています。 例えば、Laravel とbootstrap の組み合わせなどで同様の仕組みが作れればな

    • 0評価
    • 902PV
    mskgjtnn 退会済みユーザー 3日前に 回答
  • 受付中

    回答
    1

    bootstrap navbarにvue.jsのモーダル開く実装 → pointer: cursor...

    現状 Laravel5.5, vue.jsを使用しアプリを開発中 問題点 navbar部分で一つmodalを開くように実装(contact部分) <div class="collapse navbar-collapse" id="app-navbar-collapse"> <ul class="nav navbar-nav">

    • 0評価
    • 75PV
    mskgjtnn 退会済みユーザー 3日前に 回答
  • 受付中

    回答
    1

    bootstrap-sprocketsでエラーが起こる

    前提・実現したいこと railsチュートリアルを勉強しています。 第5章のbootstrapを使ってデザインを整えていく段階で以下の様なエラーが起きました。 チュートリアルを進めている途中までは問題なかったのですが、何か拍子に突然エラーが出ましたのでなにか余計なものをインストールもしくはデリートしてしまったのかなと思っています。 発生している問題・エ

    • 0評価
    • 98PV
    mskgjtnn 退会済みユーザー 3日前に 回答
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    661

  • 総質問数

    848

  • 今週の質問数

    5

関連するタグ

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

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