CSSフレームワーク

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

RSS

  • 解決済

    回答
    1

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

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

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

    回答
    1

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

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

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

    回答
    1

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

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

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

    回答
    0

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

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

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

    回答
    1

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

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

    • 0評価
    • 137PV
    s8_chu s8_chu 1ヶ月前に 回答
  • 解決済

    回答
    1

    SemanticのJavaScriptが動かない

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

    • 0評価
    • 87PV
    kotamarutama 退会済みユーザー 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評価
    • 448PV
    kei344 kei344 2ヶ月前に ベストアンサー
  • 解決済

    回答
    1

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

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

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

    回答
    1

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

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

    • 0評価
    • 127PV
    yuki84web yuki84web 3ヶ月前に 回答
  • 受付中

    回答
    2

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

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

    • 0評価
    • 146PV
    animeing animeing 3ヶ月前に 回答
  • 解決済

    回答
    3

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

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

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

    回答
    1

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

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

    • 0評価
    • 139PV
    yuki84web yuki84web 3ヶ月前に 回答
  • 解決済

    回答
    2

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

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

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

    回答
    3

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

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

    • 0評価
    • 371PV
    tomo-.hisa_88 tomo-.hisa_88 4ヶ月前に コメント
  • 受付中

    回答
    1

    CSS、border-imageで、謎の線(境界・1pxほどの)が出てしまう。

    謎の線(境界・1pxほどの)が出てしまう。border-image、background-imageを使うと CSSのbackground-image、border-imageで指定した画像の描画が、 andoroid端末や、ipadで1pxほどの謎の線(境界線)が表示されてしまいます。 いろいろ、調べてみましたが、以下のサイトで同じような症状が出

    • 0評価
    • 1101PV
    hibikikudo hibikikudo 4ヶ月前に 回答
  • 解決済

    回答
    2

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

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

    • 0評価
    • 189PV
    makoto-n makoto-n 4ヶ月前に コメント
  • 解決済

    回答
    1

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

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

    • 0評価
    • 593PV
    ao_love ao_love 4ヶ月前に 回答
  • 受付中

    回答
    2

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

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

    • -4評価
    • 328PV
    starrow1103 starrow1103 4ヶ月前に 回答
  • 解決済

    回答
    1

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

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

    • 0評価
    • 404PV
    tama2015 tama2015 5ヶ月前に ベストアンサー
  • 解決済

    回答
    1

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

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

    • 0評価
    • 258PV
    kajiwara kajiwara 5ヶ月前に コメント
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    244

  • 総質問数

    104

  • 今週の質問数

    0

関連するタグ

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