CSSフレームワーク

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

RSS

  • 解決済

    回答
    2

    背景画像を薄く白くすることが全然できません。。

    背景画像に対して薄く白くするためにbackgro-colorをあてたいです。 しかしそれをあてると背景画像自体がそちらに置き換わってしまい画像が見えなくなります。 また、グラデーションも当てたいです。 しかし、それも全く同じ理由により背景画像が消えてしまいます。 消えるというかグラデーションの後ろに隠れてしまうようです。 どうしたら実現できるのでしょ

    • 0評価
    • 368PV
    gunma_user gunma_user 1週間前に ベストアンサー
  • 解決済

    回答
    2

    Bootstrap4でのレイアウトに関してアドバス願います。

    お世話になります。 ウェブサイトの制作にあたり、レスポンシブ対応を考えて、はじめてBootstrap4を使って色々と試しているところです。 上記のようなレイアウトをイメージし、以下のようなソースを設定いたしました。 <div class="row"> <div class="col-md-4">1</div> <di

    • 0評価
    • 401PV
    chapp chapp 3週間前に ベストアンサー
  • 解決済

    回答
    1

    Bootstrapにおけるnavbar-brand中央寄せのコードの仕組み

    navbar-brandの中央寄せ仕組み 現在Bootstrapの最新ver.を利用してサイトを作成しているのですが、navbar-brandクラスに記入したサイト名を画面中央に配置する方法が分からずネットで調べました。 とあるサイト(http://hacknote.jp/archives/12515/)で下のコードをcssに上書きすると中央に配置できるとあ

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

    回答
    1

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

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

    • 0評価
    • 351PV
    tuvalu tuvalu 1ヶ月前に ベストアンサー
  • 解決済

    回答
    3

    画像の中心を軸にcssのpositionを指定できますか?

    aタグの中のimgにcssのpositionで位置を指定したいと思っています。 画面の横幅のみ中心に画像を指定したいと思っています。1000pxのbodyの中で5、画像の横幅の大きさを500pxにして、500px画像をLeftを指定したのですが、positionの軸が画像の一番左からになってしまい、結局画像を中心に寄せることができませんでした。 何か

    • 0評価
    • 374PV
    AliciaKeys AliciaKeys 1ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    HTMLとCSSでアコーディオン作成した際にアイコンを切り替えたいです。

    前提・実現したいこと HTMLとCSSでアコーディオンを作成した際、クリックしてコンテンツが展開した時にアイコン(矢印を右から下向きへ)を切り替える仕様にしたいです。 <h3>で囲んでいるタイトルという部分をクリックしたら右向きになっているアイコンを下向きにして、 展開してるというようにしたいです。 現状のソースに何を加えればいいのかご教示いただけま

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

    回答
    1

    【Rails5】Bootstrap4(alpha-6)でのDatetimepickerの実装

    バージョン 項目 バージョン Rails 5.0.2 Bootstrap 4-alpha-6 [問題点]Datetimepicker実装できない Bootstrap4だからでしょうか。 長時間試行錯誤していますが、やはりダメです フォームをクリックすると、時計マークのみ。

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

    回答
    1

    skipprのスライド画面にnaviをつけたことでスライドが見えなくなる理由

    すみません、恥ずかしいくらいの初心者です。 skipprというフリーのテンプレートを使って、fh5co提供のテンプレートと組み合わせてみています。スライド画面が表示されないので原因を探していますが理由がわかりません。 <状況> 1.パーツごとでは問題なく動作します 2.naviとskipprを組み合わせた途端に画像が見えなくなります 3.トグルボタン

    • 0評価
    • 103PV
    area246 area246 3ヶ月前に コメント
  • 解決済

    回答
    1

    Semanticのグリッドシステムが必ずはみ出る

    SemanticというCSSフレームワークを使っています。 グリッドシステムを使うとなぜか必ずはみ出します。 どうしてでしょうか? <!DOCTYPE HTML> <html> <head> <!-- Standard Meta --> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatib

    • 0評価
    • 147PV
    kotamarutama 退会済みユーザー 3ヶ月前に ベストアンサー
  • 受付中

    回答
    0

    CSS Modulesでの読み込みについて

    初心者ながらReact + webpack + CSS Modulesを勉強しています。 以下のようなコードではCSSを読み込めるのですが、 <div className={styles.container}> .container { display: flex; flex-direction: column; height: 1

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

    回答
    1

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

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

    • 0評価
    • 172PV
    s8_chu s8_chu 3ヶ月前に 回答
  • 解決済

    回答
    1

    SemanticのJavaScriptが動かない

    下記コードでなぜか、SemanticのJavaScriptが動きません。。。 どうしてでしょうか。。 CDNだとうまくいかないのでしょうか。 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <title>Semantic UI CDN</title> <link rel="s

    • 0評価
    • 176PV
    kotamarutama 退会済みユーザー 3ヶ月前に コメント
  • 解決済

    回答
    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評価
    • 528PV
    kei344 kei344 4ヶ月前に ベストアンサー
  • 解決済

    回答
    1

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

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

    • 0評価
    • 220PV
    tell_k tell_k 4ヶ月前に コメント
  • 受付中

    回答
    1

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

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

    • 0評価
    • 177PV
    yuki84web yuki84web 5ヶ月前に 回答
  • 受付中

    回答
    2

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

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

    • 0評価
    • 183PV
    animeing animeing 5ヶ月前に 回答
  • 解決済

    回答
    3

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

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

    • -1評価
    • 617PV
    dlrowolleh dlrowolleh 5ヶ月前に 回答
  • 受付中

    回答
    1

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

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

    • 0評価
    • 171PV
    yuki84web yuki84web 5ヶ月前に 回答
  • 解決済

    回答
    2

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

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

    • 0評価
    • 187PV
    s8_chu s8_chu 6ヶ月前に ベストアンサー
  • 解決済

    回答
    3

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

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

    • 0評価
    • 603PV
    tomo-.hisa_88 tomo-.hisa_88 6ヶ月前に コメント
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    262

  • 総質問数

    109

  • 今週の質問数

    0

関連するタグ

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