CSSフレームワーク

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

RSS
  • 解決済

    回答
    1

    CakePHPでBootstrapを用いたWebページを表示したい

    CakePHPでBootstrapを用いたWebページを表示したい CakePHPを用いたWebシステムを開発しており、私はWebサイトの作成を担当しています。 作成に当たってはネット上のBootstrap対応テンプレートファイルをダウンロードし、それをまた色や配置等をCSSでカスタマイズして使用しています。 発生している問題 CSSがうまく反映され

    • 0評価
    • 37PV
    Yazmatto Yazmatto 4日前に コメント
  • 受付中

    回答
    1

    boostrapのナビゲーションバーの作成について

    boostrap-4.1.0を利用してナビゲーションバーの作成を進めておりますが どの説明もリンクが自動で横並びになると理解しています。 ただ私が試みたところサンプルも縦並びになってしまいます。 また、<a class="navbar-brand" href="#">移行のリンクも表示されません。。。 なにか考えられることございますでしょうか。 宜しくお

    • -1評価
    • 63PV
    shoppy shoppy 4週間前に 回答
  • 解決済

    回答
    1

    postcssでのコンパイルでclass名に乱数がつかないようにしたい

    前提・実現したいこと タスクランナーのparcelを導入しようとしており、 postcssでscssのコンパイルを試したところ セレクタのclass名、id名に乱数、アンダーバーがついたcssが作られてしまいます。 乱数、アンダーバーをつけないでコンパイルするにはどうしたら良いでしょうか? よろしくお願いします。 発生している問題 //コンパイル前

    • 0評価
    • 73PV
    ks0005 ks0005 1ヶ月前に コメント
  • 受付中

    回答
    3

    bootstrap4 使い方的な話

    bootstrap4を導入しているのですが、例えば下記の左詰じゃなくて右詰版がほしいときのチートシートなどはないのでしょうか。 https://hackerthemes.com/bootstrap-cheatsheet/#navbar 毎回classやidに対するcssを調べていてはCSSFWの意味があまりないように思えて、解析するぐらいなら最初から

    • -5評価
    • 451PV
    yoshinavi yoshinavi 1ヶ月前に コメント
  • 解決済

    回答
    2

    ポータルサイトを作りたい

    私は今、ポータルサイトにシミュレーション機能を加えた形のとあるWebサービスを作ろうと計画していて、HTMLやCSS、Bootstrapのようなフレームワークも含めて勉強中です。 ですが、今までフロントエンドには触れたことがなく、プログラミング自体PythonやCを1年ほど大学で勉強した程度で何をどこまで勉強して何ができればいいのかも分からず苦戦しております

    • -3評価
    • 473PV
    te2ji te2ji 1ヶ月前に コメント
  • 解決済

    回答
    2

    bootstrap3と4の同時読み込みについて

    個人的にbootstrap4の方を使いたくて、共通headで4を読み込ませています。 しかし、bootsnipp.comを見ている中で、このデザインいい!と思ったらbootstrap3だったりすることが結構あります。 そこで懸念しているのが、3と4を同時に読み込んで競合するclassやidがあった場合、基本的には4を使いたいのに場合によっては3が優先

    • 0評価
    • 655PV
    takna takna 1ヶ月前に ベストアンサー
  • 受付中

    回答
    1

    cssの編集について。レスポンシブ対応ができません。

    前提・実現したいこと html、cssを使ってブログを書いています。 パソコン画面のメインやサイドバーの幅を変えたり、背景色を変えたりと色々カスタマイズしたのですが、 iphoneからみたサイトはうまくレスポンシブできていませんでした。 iphoneのサイト全体が細長くなっていて、左サイド右サイドそれぞれに隙間ができて見づらくなってしまいました。

    • -1評価
    • 132PV
    yoshi_0819 yoshi_0819 2ヶ月前に 回答
  • 解決済

    回答
    4

    スマホ用ページはどう分けるべきか?

    かなり昔から運営しているサイトがあります。 元々PCで閲覧することを前提にして作ったデザインで、今となっては少々レガシーなHTMLと見た目ですが、一応あるワードでGoogle検索1位になっています。 近年これをスマホ対応してくれという要望が多くあるのですが、スマホ用ページを用意する上でGoogle様に嫌われないベストなやり方はどうするのが最善だと思います

    • -1評価
    • 244PV
    yoshinavi yoshinavi 1ヶ月前に ベストアンサー
  • 受付中

    回答
    1

    Javaのcssについて。

    もしかしらたcssではなくPCの方の問題になるかもしれませんが。 cssでコードを記述して実行すると画面が真っ白or「Web ページへのナビゲーションは取り消されました」 と表示されて上手くいきません。 コードで記述したcssを正しく表示させるために必要なソフトが入っていないせいか、どこか設定のミスか判断が出来ず困っています。 下記に実際のcss

    • -1評価
    • 406PV
    rarara rarara 2ヶ月前に 回答
  • 解決済

    回答
    2

    html ulタグについて。

    現在wordpressでブログを書いています ulタグなどを使ってリストを2個作りたいのですが、両方違うデザインにしたいのでそれぞれCSSを変えたいのですが、 その場合どのように指定すればいいのですか? 以下に貼ってあるコードを例としてあげると、 一番最初のリストで[CSS①]のコードを使いたいと思った時、以下の何も特定していない[HTML]コー

    • 0評価
    • 132PV
    hoo hoo 2ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    bootsrap4でアイコン(ICONIC)を使いたい

    前提・実現したいこと [前提] 現在Ruby on Rails 5.1.4でブラウザアプリを作成しています。 UIのCSSでは、bootsrap4を現在使っており、Gemfileに gem 'bootstrap', '~> 4.0.0.beta3' を記述し、 bootsrap4のデザインを使用しています。 [実現したいこと、と課題] アイコンもboo

    • 0評価
    • 126PV
    hkt hkt 2ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    cssについて。PCとスマホのレスポンシブについて教えてください

    現在wordpressでブログを書いています ブログをカスタマイズしたくてcssを色々いじっているのですが、 PCで綺麗に反映されても、スマホからサイトを見ると違和感ができます。 例えば、メインコンテンツとテキスト(本文)の幅を調整したくて以下のコードを反映させたら スマホサイトでは余白ができすぎて違和感がありました。 そこで質問なのですが、PC

    • -1評価
    • 424PV
    miyabi_takatsuk miyabi_takatsuk 2ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    font-familyでなぜかエラーが出て、scssをコンパイルできない。

    ``` @charset 'UTF-8'; html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset,

    • 0評価
    • 677PV
    toss toss 2ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    CSSのカスタマイズについて教えてください

    html、cssを使ってブログを書いています。 パソコン画面のメインやサイドバーの幅を変えたり、背景色を変えたりと色々カスタマイズしたのですが、 iphoneからみたサイトはうまくレスポンシブできていませんでした。 iphoneのサイト全体が細長くなっていて、左サイド右サイドそれぞれに隙間ができて見づらくなってしまいました。 一応ブログはテンプレ

    • 0評価
    • 394PV
    takna takna 2ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    CSSで枠をつけられない

    前提・実現したいこと 練習のため、Djangoを用いたwebサイトを制作しています。 そのページでCSSを用いて枠をつけようとしたのですが、枠が表示されません。どうすれば上手くいくか教えてください。 参考にしているページ:https://miyazakilife.com/design/5683/ (これの26番です) timeline.html

    • 0評価
    • 374PV
    kei-nextone kei-nextone 3ヶ月前に コメント
  • 受付中

    回答
    0

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

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

    • 0評価
    • 775PV
    teratailが3ヶ月前に アップデート
  • 受付中

    回答
    2

    Bootstrapの既存のcssの調べる方法が知りたい。

    昨日から、Bootstrapを勉強している者です。 Bootstrapの、既存のCSSを調べる方法(cssが書かれているホームページ)が知りたいです。 よろしくお願い致します。

    • 0評価
    • 418PV
    mts10806 mts10806 4ヶ月前に 回答
  • 解決済

    回答
    3

    Bootstrapを勉強し、サイトが作れるようになるまで。

    HTMLとCSSの基礎が出来るレベルの者です。 最近制作したサイトは、kira-kawa.comです(>_<)汗 Bootstrapで、A4、6枚ぐらいのサイトを作ってと言われました。 私ぐらいの知識の者で、Bootstrapを使って普通のサイトを作れるようになるには、およそどれくらいの時間が必要なのでしょうか? 納期を決めたいため、書き込みさせて頂

    • 0評価
    • 166PV
    identity0xx identity0xx 4ヶ月前に 回答
  • 解決済

    回答
    1

    CSSでどうしてもエラーになってしまいます

    前提・実現したいこと html&cssで申込フォームを作っています 発生している問題・エラーメッセージ font-size:と打つと、セミコロンの下に赤線が出てしまい、反映されません エラーメッセージ 〔css〕semi-colon expected(37 12) 該当のソースコード .required{ font-size: .9em; }

    • 0評価
    • 585PV
    jiogfxryd jiogfxryd 4ヶ月前に コメント
  • 解決済

    回答
    1

    ベン図をHTMLで作成したい

    お世話になります。下記図をHTMLで作成したいです。 どのような組み方が最適でしょうか?HTML、CSSでの組み方をご教授頂ければ幸いです。 要件 ●図表のカラーパレットの色はCSSで色を変えられるようにしたい。 ●リキッドレイアウトorレスポンシブで組みたい。 SP、タブレット、PC表示でレイアウト崩れがなければ拘りはない。 ●図表の赤線は無くても構わ

    • -2評価
    • 172PV
    kako_mirai 退会済みユーザー 4ヶ月前に ベストアンサー
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    328

  • 総質問数

    131

  • 今週の質問数

    1

関連するタグ

CSSフレームワークタグのよく見られている質問

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