CSSフレームワーク

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

RSS
  • 受付中

    回答
    0

    bootstrapのナビバーが表示されない

    環境情報 ■OS:windows10 ■visualstudio:VisualStudioCommunity ■Bootstrap:4.1.2 ■ブラウザ:IE,Google ■.NET:4.6.2 タイトル通りナビバーが表示されない状態です。 他のbootstrapの効果(btnなど)は出力できているため読み込みはできていると思っているのですが、以下の

    • 0評価
    • 17PV
    sanezane sanezane 6時間前に 質問
  • 受付中

    回答
    0

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

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

    • 0評価
    • 914PV
    mskgjtnn 退会済みユーザー 1週間前に 回答
  • 受付中

    回答
    2

    cssのpageプロパティが使えません…

    下記のURLにあるようにpageプロパティを利用してhtmlの一部分を横向きに印刷できるようにしたいのですが,上手く反映されません… 是非,どなたかアドバイスいただけませんでしょうか? 宜しくお願い致します. https://www.osaka-kyoiku.ac.jp/~joho/html5_ref/css/page_css.php?menutype=

    • 0評価
    • 416PV
    dit. dit. 1週間前に コメント
  • 解決済

    回答
    5

    Bootstrapで特定ページのみ背景色を変更する方法

    WordPress最新verでBootstrap v3.3.6を使用しウェブサイトを運営しています。現在全ページ背景色が白・文字色が黒なのですが、特定ページのみ背景色を黒・文字色を白に変更することは可能でしょうか。 ※追記 失礼しました。特定記事のみ変更を希望しており、以下のプラグインを試してみました。 ・XO Post Background ・Fu

    • 1評価
    • 224PV
    kikkk kikkk 1週間前に コメント
  • 解決済

    回答
    3

    v-showによるdisplay:noneの解除

    質問したいこと v-showを用いてcssで書かれたdisplay:noneを無効にできるか。 実現したいこと bulma(cssフレームワーク)とvue.jsを用いてmodalを実装しようとしたところ bulmaのmodalクラスには初期からdisplay:noneが設定されていた。 このため、v-showの切り替えではうまく動かなかった。(v-i

    • 0評価
    • 125PV
    aruto aruto 1週間前に コメント
  • 解決済

    回答
    1

    Animate.cssのfadeInUpとfadeOutUpの効果を保ち続けたい

    現状 現在fadeInUpとfadeOutUpについてはページをロードした際に設定され、1度処理をしたらdestroyで消してしまう設定。 やりたいこと 上までスクロールしてまた下にスクロールしたときに再び画像等を表示させたい。 試したこと this.destroy()をなくしてみたが、画像等消えたまま表示されない。 // animate

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

    回答
    0

    semantic uiで横幅を指定したい

    前提・実現したいこと 現在、デザインしている表が全体的に右寄せになっており、中央寄せにする為に 横幅を指定したいのですが、どのようなclassを利用したらいいですか? 試したこと 現在、デザインしているページが全体的に右寄せになっており、中央寄せにする為に、center alignedを書いたが変化が無かったので横幅を指定して中央寄せにしたい

    • 0評価
    • 371PV
    teratailが1ヶ月前に アップデート
  • 解決済

    回答
    2

    semantic-uiのratingで複数の値を取得したいです

    semantic-ui https://semantic-ui.com/modules/rating.html#/settings のratingを使って複数の値を取得したいのですが ratingが <div data-rating="0" class="ui star rating"></div> <div data-rating="0" clas

    • 0評価
    • 80PV
    monker monker 1ヶ月前に 回答
  • 解決済

    回答
    1

    Tumblrのように投稿の長さをテキストの長さに合わせて変えたい

    前提・実現したいこと 現在口コミ投稿サイトを作っており、Tumblrのように個々の投稿の長さによって、 投稿ボックスの長さを変えたいのですが、うまくいきません。 ご存知の方がいらっしゃいましたらご教授いただけると嬉しいです。 参考: https://www.tumblr.com/explore/text h:300] 発生している問題・エラー

    • 0評価
    • 374PV
    RyosukeKuwabara RyosukeKuwabara 1ヶ月前に コメント
  • 解決済

    回答
    1

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

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

    • 0評価
    • 125PV
    Yazmatto Yazmatto 2ヶ月前に コメント
  • 受付中

    回答
    1

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

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

    • -1評価
    • 94PV
    shoppy shoppy 3ヶ月前に 回答
  • 解決済

    回答
    1

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

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

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

    回答
    3

    bootstrap4 使い方的な話

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

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

    回答
    2

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

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

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

    回答
    2

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

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

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

    回答
    1

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

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

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

    回答
    4

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

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

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

    回答
    1

    Javaのcssについて。

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

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

    回答
    2

    html ulタグについて。

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

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

    回答
    1

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

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

    • 0評価
    • 330PV
    hkt hkt 4ヶ月前に ベストアンサー
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    338

  • 総質問数

    139

  • 今週の質問数

    1

関連するタグ

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

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