[B! bootstrap] masa_iwasakiのブックマーク

Bootstrap 3からBootstrap 5に移行してみた - Qiita

これまでずっと、Bootstrap3で使っていたのですが、そろそろ新しいバージョンに切り替えようと思います。ちょうど、Bootstrap 5でJQueryに依存しなくなったので、よい機会かなあと。ですが、うわさに聞いていた通り、Bootstrap 3から4への移行で細かな差異があり、移行は結構手間がかかりました。また、Bootstrap 5になってから、JQueryがなくなったので、それの影響もありました。今回は既存のBootstrap 3ベースで動いているものをBootstrap 5に移行するにあたり、変更した部分を整理しておきます。ちなみに、マニュアルはそこまで詳しくは読んでおらず、実動作で試行錯誤しながら直したので、もっと良い直し方があるかもしれません。参考URL Bootstrap 5.1.x https://getbootstrap.com/docs/5.1/getti

masa_iwasaki 2022/01/04

bootstrap

リンク

Bootstrap3 レスポンシブを使わず固定幅で使う方法

Bootstrap3が公開されてしばらくたちますね。2.*のときはレスポンシブと固定幅レイアウトのCSSファイルが別れていたため、簡単に切り替えることができました。が、3になってからは一緒になったので、デフォルトでは全てレスポンシブになってしまいます。ここではBootstrap3のグリッドシステムだけ使いたくて、レスポンシブにしたくない場合の設定方法を紹介します。 1.meta要素のviewportを削除する /* 以下を削除する */ <meta name="viewport" content="width=device-width, initial-scale=1.0"> 2.containerクラスを以下で上書き .container { max-width: none !important; width: 970px; } 3.navbarを使っているときは崩れるのを避けるため以

masa_iwasaki 2014/05/10

“.container { max-width: none !important; width: 970px; }”

リンク

Bootswatch

Easy to Install Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values. Customizable Changes are contained in just two SASS files, enabling further customization and ensuring forward compatibility. Tuned for 5.3.2 Themes are built for the latest version of Bootstrap. Version 4, version 3, version 2, and other releases are also available to download.

masa_iwasaki 2014/01/07

リンク

水漏れ修理業者の探し方

水道修理業者を探すためのポイント「格安水漏れ修理」のような検索はしない水漏れなどの水道修理業者を探すときに気をつけたいのは、あまりにも安い金額を提示している業者は候補から除外しましょう。「格安　水漏れ　修理」などで検索すると、検索結果に「水漏れ修理500円〜」とか「基本料金280円〜」のような魅力的な金額を全面に出してくる業者が表示される場合がありますが、このような異常な安さをウリにしている水道修理業者には気をつけて下さい。これらの業者が全て怪しい業者とは言わないですが、専門知識を備えた作業スタッフが家まで車で訪問して水道トラブルを直して数百円で終わるはずないですよね。必ずと言っていいほど基本料金以外に作業代金・出張費・見積費・キャンセル費というような名目で追加費用がかかります。冷静になるとわかるのですが、水道トラブルで焦っている場合にはそのようなことも気づかなくなり、期待を

masa_iwasaki 2014/01/07

画像を指定すると自動的に色を抽出してbootstrapのLESS変数に割り当ててくれる。

リンク