html&css

html&css

スポンサーリンク
html&css

[bootstrap4]flexboxを使うには?

前回cssでflexを使ってみましたが、bootstrap4にはflexを使うためのクラスが用意されているので試してみました。 公式ドキュメントにそって、使いそうなものだけサンプルを書いてどう動くか試して、簡単に解説を書いています。 公式...
html&css

[css]flexboxの使い方を再確認してまとめる

flexboxを使って、画面を作ることがあったので、 今まで、ググりながらなんとなく使っていたflexのプロパティについてそれぞれ確認してみました。 flexbox? cssで要素の並び順や位置を自由に指定できるものです。 親要素にdi...
html&css

[bootstrap4]margin・paddingをサッと指定する方法

bootstrap4でマージン(margin)・パディング(padding)を調整するクラスについて書いています。 公式のspacingの内容になります。 マージン(margin)をつけたい 下記で記載している内容をcodepenで試...
html&css

Font Awesomeの使い方(使いそうなアイコン一覧)

Font Awesomeの使い方とよく使うアイコンをコピペできるようにしてみました MITライセンスで使いやすいですね、バージョンは5で確認しました。 公式サイトはこちらから ダウンロードして使う こちらからダウンロードして使用す...
html&css

[html5]日付・時刻入力タグ6個を再確認

inputタグのtypeでdatetime-localを使っているコードを触ったんですが、時分が入ってないと値が取れないんですね・・・😫 復習をかねて、html5で追加された日付・時刻関連のinputタグについて書いています。 2020/...
bootstrap4

[bootstrap4]Modal(モーダル)を使ってみる

bootstrap4でModal(モーダル)を使う方法です! 公式を見ると詳細などもわかりますが、ここでは要点だけまとめてます。 Bootstrap4のModal(モーダル)って? 開いている画面の中に小画面が表れて、閉じるなどの操...
bootstrap4

[bootstrap4]Tooltip(ツールチップ)を使ってみる

bootstrap4でTooltipを使う方法です! 公式を見ると詳細などもわかりますが、ここでは要点だけまとめてます。 Bootstrap4のTooltip(ツールチップ)って? マウスカーソルを乗せると、うねっと飛び出してくる補...
html&css

[jquery]jqueryとは? 読み込み方・cdnの使い方など

概要 jqueryのあれこれを記載します。 jqueryとは? javascriptでもできますが、HTMLなどのタグ操作を簡単にできるようにしたライブラリです。 jqueryの中身もjavascriptで書かれていて、ソースを読むこ...
html&css

bootstrapについて(チョットダケ)

おひさしぶりです。 疲れやすくなった感があるので最近ランニング初めてみました。 三日坊主にならないようにガンバリマス(;・∀・) 某Nさんがbootstrapについて知りたいらしいので、ほんのちょっとだけまとめてみました。 bootstr...
スポンサーリンク
タイトルとURLをコピーしました