CSSフレームワーク

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

RSS

  • 解決済

    回答
    1

    python + djangoにおけるcss読み込み方法について

    前提・実現したいこと 現在、python + djangoにてWEBアプリ開発をしております。 CSSフレームワークであるsemantic-UIを利用して画面を作成し、そこにpythonで機能を付けていこうと思った矢先、semantic-UIのcssが読み込まれずにサンプル画面が表示されなくて困っております。 pythonでcssを画面に読み込む際に必

    • 0評価
    • 89PV
    sirosiro346 sirosiro346 4週間前
  • 受付中

    回答
    0

    【Materialize】containerクラスで、スマホのときだけwidth100%にしたい

    質問概要 Materializeの、containerクラスを持ったDIVに対して、 スマートフォン表示のときだけcontainerクラスを解除(width:100%状態?)したい。 質問 Materializeの、containerクラスを持ったDIVに対して、 スマートフォン表示のときだけcontainerクラスを解除(width:10

    • 0評価
    • 52PV
    nnahito nnahito 4週間前
  • 受付中

    回答
    1

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

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

    • 0評価
    • 66PV
    pd00 pd00 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評価
    • 364PV
    hidepon hidepon 1ヶ月前
  • 受付中

    回答
    1

    スマホのナビが動かない

    トップページはスマホナビが動くんでエスが下層ページだとスマホのナビが動きません。 調べたところ、下記javascriptが要因みたいんなのですが、どこが間違っていますでしょうか? jQuery(document).ready(function($){ var slidesWrapper = $('.cd-hero-slider');

    • -3評価
    • 114PV
    NM3 NM3 1ヶ月前
  • 受付中

    回答
    2

    カレンダーで土、日だけ文字の色を変更したい

    カレンダーを作成しています。 上の写真の黄色で囲っている部分の色(土曜日と日曜日)を変更したいです。 コードにリンクを設定したところ自動でカレンダーの日にちの色が紫になりました。 styleで!importantを設定してみても色が変わりません。 リセットCSSは使っていません。 どなたか教えていただけると幸いです。 <!DO

    • 0評価
    • 98PV
    m-radio m-radio 1ヶ月前
  • 解決済

    回答
    3

    フレームワーク ライブラリ

    毎日フレームワーク ライブラリが出ているのですが、みなさんリンク内容のように勉強しているのでしょうか? 何か効果的な方法はないでしょうか? 医者も教科書の内容が変わるので、日進月歩の医療についていくのは毎日の勉強が欠かせないとか。 単純にjqueryのように bower install https://code.jquery.com/jquery

    • -1評価
    • 546PV
    goforward goforward 1ヶ月前
  • 受付中

    回答
    1

    Bootstrapを使用してPCとスマホだけ表示対応したい

    Bootstrapを使用してPCとスマホだけ表示対応したい Bootstrapを使用してサイトを作っています。 768px以上のサイズはすべてPC表示と同じにしたいのですが、方法はありますでしょうか? 767px以下はスマホ用でレイアウトしています。 完全にレスポンシブだとブラウザのサイズを縮めた時に崩れる横幅のところがあり、調整に時間がかかってしま

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

    回答
    2

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

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

    • 0評価
    • 123PV
    akkkkin akkkkin 2ヶ月前
  • 解決済

    回答
    3

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

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

    • 0評価
    • 198PV
    tomo-.hisa_88 tomo-.hisa_88 2ヶ月前
  • 解決済

    回答
    2

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

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

    • 0評価
    • 142PV
    makoto-n makoto-n 2ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 478PV
    ao_love ao_love 2ヶ月前
  • 受付中

    回答
    2

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

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

    • -4評価
    • 273PV
    zatsudayo zatsudayo 2ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 203PV
    tama2015 tama2015 3ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 512PV
    teradog teradog 4ヶ月前
  • 解決済

    回答
    1

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

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

    • 2評価
    • 355PV
    teradog teradog 4ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 199PV
    kajiwara kajiwara 4ヶ月前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 180PV
    tuvalu tuvalu 4ヶ月前
  • 解決済

    回答
    1

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

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

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

    回答
    1

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

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

    • 0評価
    • 729PV
    nnahito nnahito 5ヶ月前
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    225

  • 総質問数

    99

  • 今週の質問数

    0

関連するタグ

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