- 2018年11月16日
- 2018年11月16日
Bootstrap4 navbar 2段に
bootstap4で nav と navbarを2段にしたかったがどうも悩んだので、備忘録。 やりたかった事。Bootstrap4でＮavbarを2段にしたかった。 結論から書くとこんな感じ。 http://kato.space/demo/boots […]
Warning: Trying to access array offset on value of type bool in /home/xsvx1010357/kato.space/public_html/wp/wp-content/themes/the-thor/category.php on line 62
- 2018年11月15日
- 2018年11月15日
bootstrap4 Cards レイアウト崩れ
Bootstrap4のcomponetsのcardsでブラウザサイズを小さくするときにレイアウト崩れが出たので、確認してみた。 先に結論から書くとcardに幅指定をしないこと。 参考 ＠see https://www.w3schools.com/b […]
- 2018年11月4日
- 2018年11月4日
Bootstrap4に用意されている各余白設定
いままでは余白は自分でクラスを設定していたが、Bootsrtap4では既にマージンやパディングが用意されている。 公式: https://getbootstrap.com/docs/4.1/utilities/spacing/ Where prope […]
- 2018年8月26日
- 2018年8月26日
レスポンシブでスマホメニューを検証する。
このページは更新・編集しながら記述しています。 ウェブサイトの半数がスマホやタブレットになりつつ今、レスポンシブでスマホ対応は必須。 スマホメニューをいつもコードを都度対応しているが、ここで真面目に検証してみる。 まずはbootstrapでの基本の形 […]
- 2017年6月16日
- 2017年7月17日
とあるテーマのBootstrap化 その２ 画像をレスポンシブに
前回からの続き 現状の画像をレスポンシブに 既に表示されている画像をレスポンシブにしたい。 で、img タグにclass=”img-responsive” というクラスを追加したい。 function.phpについか add_ […]
- 2017年6月15日
- 2017年7月17日
とあるテーマのBootstrap化 その１ まずは読み込ませて部分的にテスト
某サイトで既にカスタマイズされたテーマがある。 で、これをCSSのフレームワークのBootstrap化したい。単純に呼び込むだけなら、問題ないが、当然レスポンシブになるし、１から作りたいが既に運用しているのでそうもできない（リソース的に） これは、そ […]
- 2017年3月30日
- 2017年3月30日
1からBootstrapを学ぶ
どうもBootstrap基本を覚えてないので、再度勉強。 現在のバージョンは2017年3月17日 v3.3.7 まずは基本のサイト構成 公式サイトの基本を書いて保存してみる。 デモ <!DOCTYPE html> <html la […]
- 2017年2月21日
Bootstrap スマホ用ナビゲーション
まずは、公式のGetting startedからサンプルコードをコピーしてみる。 @See https://codezine.jp/article/detail/8145 http://bootstrap3-guide.com/compornent/ […]
- 2017年2月21日
- 2017年2月21日
Bootstrapを使ったレスポンシブを確認
Bootstrapのテスト、現在(2017/2/21)のバージョンは 3.3.8 まずは、CDNを使う。 https://www.bootstrapcdn.com/ <!doctype html> <html> <hea […]
