CSSフレームワーク

CSSフレームワークは、Webページのスタイルを指定する言語であるCSSを容易に構築するためのツールです。ツイッター社が開発した「Bootstrap」や段組レイアウトが可能な「Foundation」など様々なCSSフレームワークがあります。

RSS

  • 解決済

    回答
    1

    Bootstrapでフッター内のボタンを中央寄せしたい

    Bootstrapでフッター内のボタンを中央寄せしたいです。 以下のソースのように、ヘッダー内でcenter-blockを 指定しておりますが、中央寄せ対象のButtonがうまく中央に 表示されません。どなたか、解決方法もしくはヒントになる コメントを頂ければ幸いです。 よろしくお願い致します。 <!DOCTYPE html> <html l

    • 0評価
    • 54PV
    tama2015 tama2015 2週間前
  • 解決済

    回答
    1

    Materialize グリッドレイアウトの高さの統一方法について

    お世話になります。 CSSのレイアウトについて質問させていただきます。 些細なことでも構いません。ご助言いただきたく何卒よろしくお願いいたします。 前提 CSSの経験はほとんどありません。 CSSフレームワークのMaterializeを使用して、WordpressのWEBサイトを作成しています。 目標 レスポンシブなグリッドデザイン

    • 0評価
    • 367PV
    teradog teradog 3週間前
  • 解決済

    回答
    1

    Materialize グリッドデザインにおける回り込みの回避(高さの設定?)について

    お世話になります。 CSSのレイアウトについて質問させていただきます。 前提 CSSの経験はほとんどありません。 CSSフレームワークのMaterializeを使用して、WordpressのWEBサイトを作成しています。 目標 レスポンシブなグリッドデザインを用いて、以下のようなレイアウトを構築したいです。 A,B,Cには画像やテキ

    • 2評価
    • 227PV
    teradog teradog 1ヶ月前
  • 解決済

    回答
    1

    materialize.css/jsのバグの原因箇所を追求したい

    ご覧いただきありがとうございます。 現在、マテリアルデザインをベースとしたホームページを作っており、materialize.css/jsを利用しております。 http://materializecss.com/ JavaScriptを書き進める中で1つ困ったことがございました。 materializeを読み込んでいると、どうもスクロールイベン

    • 0評価
    • 111PV
    kajiwara kajiwara 1ヶ月前
  • 受付中

    回答
    0

    Semantic CSSフレームワークの Dropdown の機能が使えません

    先日、Bootstrap の代わりに、なにかいい CSS FrameWork はないものかと、 いろいろ見ていますと、Semantic いうかわいらしい CSS FrameWork を見つけました。 さっそく、Rails に取込み、使ってみたところ、どうも Dropdown の機能が使えないようです。どなたか解決法をご存知の方は いらっしゃいますか?

    • 0評価
    • 70PV
    tuvalu tuvalu 1ヶ月前
  • 解決済

    回答
    1

    ある楽天市場の商品ページ(PCページ)のレイアウトの修正をしたい

    ある楽天市場の商品ページ(PCページ)のレイアウトの修正をしたいと思っております。 たとえば、 商品ページ下部にある「このショップの人気商品ランキング」を 商品ページ上部に移動したいのですが、 CSSで、position:absolute で、位置を変更しても 楽天のイベント等で勝手に最上部にバナー等が出てきて 「このショップの人気商品ラン

    • -3評価
    • 191PV
    mirainu mirainu 2ヶ月前
  • 解決済

    回答
    1

    【Riot.js/Materialize】RiotのtagファイルにSelectを書くと、実行できな...

    質問 Riot.jsのTagファイルに、MaterializeのSelectを書くと、実行できない理由を知りたいです。 Firefoxの、開発者ツールで出力されたHTMLを見ると、しっかりと間違いなく出力されていますが、 実際には表示が変になるんです。 tagファイル タグファイルの中身は以下です <mytag> <di

    • 0評価
    • 518PV
    nnahito nnahito 2ヶ月前
  • 受付中

    回答
    1

    FLOCSSでのネーミングについて

    宜しくお願い致します。 このようなデザインがあるとします。 パターン1は私は と作ります。 パターン2を作る時に悩みます。。。 p-menuという名前でいきたいけど、 どうやるか。。。 /* menu */ .p-menu {} .p-menu--horizonal { .p-menu__title {}

    • 0評価
    • 106PV
    yusukexyusuke yusukexyusuke 3ヶ月前
  • 解決済

    回答
    1

    【Materialize】フラットデザインボタンの、オンマウス時の背景色

    質問概要 CSSフレームワーク、「Materialize」の class="btn-flat"を指定したときの、オンマウス時の背景色の変更方法を知りたい。 質問 CSSフレームワーク、「Materialize」のボタンデザインで、class="btn-flat"を指定したときの、オンマウス時の背景色の変更方法が分かりません。 例えば、

    • 0評価
    • 374PV
    nnahito nnahito 3ヶ月前
  • 解決済

    回答
    2

    Bootstrapでメニュ―部分を画面サイズに合わせて表示したい

    bootstrapを利用しています。 メニュー部分をボタンで表示しようとしているのですが、 画面の幅に比べて小さく表示されてしまいます。 画面のサイズにフィットする形でボタンの表示をしたいのですが、 方法はあるでしょうか? 下記はスマホの場合です。 方法があれば教えて下さい。 width:100%とかwidth:autoでも広がってくれません・

    • 0評価
    • 449PV
    hidepon hidepon 3ヶ月前
  • 解決済

    回答
    1

    bootstrapでtableにチェックボックスを並べるといびつな並び方になる

    bootstrapでtableにチェックボックスを並べるといびつな並び方になり対処方法が分からず悩んでいます。 中央寄せのような状態になります。 もちろん、tdに対してtext-align:left;をして左寄せを試みましたが、うまくいきません。 どのように対処すればいいのか教えてください。 <div id="sec5"> <div clas

    • 0評価
    • 255PV
    hidepon hidepon 3ヶ月前
  • 受付中

    回答
    0

    postcss-cssnextの使い方

    postcss-cssnextを使ったことがある方にお聞きしたいです。 CLI(npm-scripts)かgulpで利用する場合の、最新版に対応した基本的なコード設定を知りたいです。 下記URLではpostcssとpostcss-cssnextをインストールしているようなのですが、 その後の使い方ではpostcssしか使っていないように見え、 も

    • 0評価
    • 109PV
    yamato_hikawa yamato_hikawa 3ヶ月前
  • 解決済

    回答
    1

    画面の横幅いっぱいの長さで、<li>の文言に下線を引きたい

    前提・実現したいこと 画面の横幅いっぱいの長さで、<li>の文言に下線を引きたい 困っていること <li> の下に border-bottom: で下線を記述しているのですが の画像のように左に余白ができてしまい困っています。 文言の下の線を幅いっぱいまで表示したいのですが、うまくいきません。 該当のソースコード 現状ですが

    • 0評価
    • 148PV
    juke-footwork juke-footwork 4ヶ月前
  • 受付中

    回答
    2

    レスポンシブ タブレット表示だと要素が重なる

    LPを制作しています。 画像のようにグローバルナビと画像(png)の各要素が被ってしまいます。(heightを固定してるため) height:50vhなどとすると、 サイズの違うデスクトップモニターで見たときにサイズ感が上手く行かなかったり。 うまくタブレット(縦に短いディスプレイと、デスクトップモニターのレスポンシブ)に対応させる方

    • 0評価
    • 165PV
    masaakitsuyoshi masaakitsuyoshi 4ヶ月前
  • 解決済

    回答
    1

    CSSでパネルやフォームのコンテンツの大きさを画面サイズに従って自動で変更させるには、、、

    CSSフレームワークで提供されているパネルとかフォームのサイズの自動調節のやりかたにいつも困っています。 特にimage_tagで表示している画像とかのサイズには毎度手こずりまして・・・ 僕の自動調節に対する疑問をどうか解消してください!おねがいします ①まず横幅とか高さを調節するのってheightとかwidthですよね? こちらをautoにして

    • 0評価
    • 461PV
    teruwa teruwa 4ヶ月前
  • 解決済

    回答
    3

    Microsoft Edge 38 にてCSSが効かない

    WindowsEdgeにてバージョン違いで下記CSS記述が効かなくなりました 効かない Microsoft Edge 38.14393.0.0 Microsoft EdgeHTML 14.14393 効く Microsoft Edge 25.10586.0.0 Microsoft EdgeHTML 13.10586 @support

    • 1評価
    • 737PV
    46yanagi 46yanagi 4ヶ月前
  • 受付中

    回答
    1

    スマホでbackground attachment fixedにするには?

    PCではできたのですが、モバイルで背景を固定できません。 PCではこんな感じ PCでは下記コードで実装できています。 .top { background-image: url('../images/town_bg.png'); background-repeat: no-repeat; background-position:

    • 0評価
    • 259PV
    masaakitsuyoshi masaakitsuyoshi 4ヶ月前
  • 解決済

    回答
    2

    写真の上にメニューを表示させたい。

    質問 最近いろいろ触り始めた初心者です。 写真の上にメニューを表示させる方法がわかりません... どうしたらうまく表示できますか? また、画面サイズを変更するとメニューがずれてしまいます。 これの対処法もお願いします。 写真の上にメニューを貼って http://msgo.bandainamco-ol.jp/member/ ここのようなメニ

    • 0評価
    • 168PV
    Katura Katura 5ヶ月前
  • 受付中

    回答
    3

    レスポンシブ モバイル用画像サイズのベストは?

    レスポンシブサイトを初めて作成しています。 最近はRetinaディスプレイが出たり、スマホで拡大表示する人がいたりするので画像サイズも大きめがいいかと思い、かなり大きめで画像を作成しています。 2000*1300 1400*1200 など どれも1MB超えで2MBのものもちらほら。 ですが、サイトの表示をしてみると環境によっては重くなって

    • 0評価
    • 533PV
    masaakitsuyoshi masaakitsuyoshi 5ヶ月前
  • 解決済

    回答
    4

    ブロック要素の中央寄せ+子要素のブロック要素の左寄せ

    利用フレームワーク Skelton 文章全体(others)を中央寄せにし、 文章(others-inquiry, others-bug, others-policyの中身 h4,divら)の頭を左揃えにしたいです。 <div class="section others"> <div class="container"> <div

    • 0評価
    • 265PV
    masaakitsuyoshi masaakitsuyoshi 5ヶ月前
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    194

  • 総質問数

    86

  • 今週の質問数

    0

関連するタグ

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