CSSフレームワーク

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

RSS

  • 解決済

    回答
    2

    スマホ用としてメディアクエリをCSSに記述しているのにPCの時もスマホのスタイリングが適用される

    掲題の件で悩んでおります。 ■やったこと 以下をCSSに記述 .RegistForm input[type="text"] { width: 456px; height: 43px; padding-left: 10px; } .form-group{font-size:30px;} @media only

    • 0評価
    • 58PV
    akkkkin akkkkin 6日前
  • 解決済

    回答
    3

    画面配置を固定したい。常に中央に来るように

    テキストテンプレートがウィンドウのサイズを縮めた時に移動して、 画像の上に勝手に来てしまいます。 また、画像が中央に常に設置されているにも関わらず、テキストテンプレート導入後には、ウィンドウの幅を広げる時には中央に来なくなってしまいました。 誰か、ウェブ系で要素の配置に関して詳しい方がいらっしゃれば ご教授いただきたいです。どうぞよろ

    • 0評価
    • 83PV
    tomo-.hisa_88 tomo-.hisa_88 1週間前
  • 解決済

    回答
    2

    bootstrap3ではIE8は対応していると考えていいでしょうか?

    bootstrap初心者です。 私はxpユーザーはしばらくは存在するだろう、また、その方々はPCに詳しくないとすればIE8を使用する可能性も十分に高いだろうと思っています。 なので、サイト作成の際は「モダンブラウザ+IE8対応で」と少し変わった作成をしようとしています。 そこで新たにbootstrapの学習・習得に向けての勉強を行いたいのですが。 b

    • 0評価
    • 77PV
    makoto-n makoto-n 2週間前
  • 解決済

    回答
    1

    cssフレームワークBulmaのモバイル対応について

    お世話になっております。 CSSフレームワークのBlumaを利用して、レスポンシブ対応のサイトを作成しています。 navの部分ですが、PCでブラウザ幅を変更した場合には反応するのですが、chromeでiPhoneやiPad等の見え方を確認すると反応しておらず、見にくいですしタップもしにくいです。(iPhoneの実機でも同じ状況でした) bulmaの

    • 0評価
    • 315PV
    ao_love ao_love 2週間前
  • 受付中

    回答
    2

    CSSデザインツールを教えて下さい。

    CSSデザインツールを教えて下さい。 私はプログラミングは得意です。(もう何百万行書いてきたか覚えていません) なのでHTMLなんて寝ながらでも書けるのですが、 CSSが苦手なのです。 例えば、<画像><画像の説明>、というパーツがあった場合、 <画像の説明>を<画像>の上下中央に配置したいけど、やり方が分からない →ググル →disp

    • -4評価
    • 195PV
    zatsudayo zatsudayo 3週間前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 79PV
    tama2015 tama2015 1ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 403PV
    teradog teradog 1ヶ月前
  • 解決済

    回答
    1

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

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

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

    回答
    1

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

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

    • 0評価
    • 132PV
    kajiwara kajiwara 2ヶ月前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 91PV
    tuvalu tuvalu 2ヶ月前
  • 解決済

    回答
    1

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

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

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

    回答
    1

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

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

    • 0評価
    • 574PV
    nnahito nnahito 3ヶ月前
  • 受付中

    回答
    1

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

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

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

    回答
    1

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

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

    • 0評価
    • 394PV
    nnahito nnahito 4ヶ月前
  • 解決済

    回答
    2

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

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

    • 0評価
    • 471PV
    hidepon hidepon 4ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 323PV
    hidepon hidepon 4ヶ月前
  • 受付中

    回答
    0

    postcss-cssnextの使い方

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

    • 0評価
    • 129PV
    yamato_hikawa yamato_hikawa 4ヶ月前
  • 解決済

    回答
    1

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

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

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

    回答
    2

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

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

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

    回答
    1

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

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

    • 0評価
    • 489PV
    teruwa teruwa 5ヶ月前
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    207

  • 総質問数

    91

  • 今週の質問数

    1

関連するタグ

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