bootstrap4 使い方的な話

Question

bootstrap4を導入しているのですが、例えば下記の左詰じゃなくて右詰版がほしいときのチートシートなどはないのでしょうか。

https://hackerthemes.com/bootstrap-cheatsheet/#navbar

毎回classやidに対するcssを調べていてはCSSFWの意味があまりないように思えて、解析するぐらいなら最初から自分で作れば早いのでは、、、と思ったりします。

こうしたい
↓
サンプルはこれです
↓
よっしゃコピペしよ

というすぐ使えるようにしたいのですが、みなさんはどうされているでしょうか。
CSSをあまりやっていなくてもう３年ぐらい。
既存のCSS追って理解してクラス付与しなおしたりというのは避けたいのです。

上記の例にしてもfloat:leftしてるのかと思いきやそうじゃなかったり、思ってる以上に案外時間かかる。

Answer 1

公式サイトのドキュメントはどうですか？
検索ボックスがあり、前バージョンに比べはるかに簡単に検索できるようになっています。

それと、4は基本Flexでレイアウトするので、この辺とか眺めてみるといいかもしれませんね。
https://getbootstrap.com/docs/4.0/utilities/flex/

Answer 2

こういうのがあります。

Answer 3

キツイ言い方かも知れませんが、分からない時に検索する「努力」が少し足りないように見えます。いろいろ出てくるハズです。
また、これを機会にフレームワーク等を使わないで、ご自分で組むのも、CSSに対する良い勉強になると思います。

---

参考：
Bootstrap4に用意されているクラス

Comments

[earnest_gay]

時間がないときに調べてる余裕がないから、わかる人に聞いた方が早い
という使い方はするなということですかね。

私はあなたの部下ではありませんが、なんか勘違いされていませんか。
ここは説教部屋ではありませんので、質問に対する答えさえ提示すればいいのではないでしょうか。

リンク先も既に見てるサイトです。
それを踏まえて、わかる人に聞いた方が早いという意図での質問はするなと思わされるような権限があなたにはおありでしょうか。

自分でCSS組んで基礎がわかったところで、bootstrapを使うのであれば結局はbootstrapの中身知ってないと競合してしまいます。
したがって、「フレームワーク等を使わないで、自分で組むCSS」をやったことでの解決には繋がりません。

質問に対する回答は
「こういうのがあります。」
だけで十分です。
以上。

[yoshinavi]

＞時間がないときに調べてる余裕がないから、わかる人に聞いた方が早いという使い方はするなということですかね。
→そうですね。サポートセンターではないので･･･「質問書いて、回答を待つ時間」は、あるのですね･･･

＞私はあなたの部下ではありませんが、なんか勘違いされていませんか。ここは説教部屋ではありませんので、質問に対する答えさえ提示すればいいのではないでしょうか。
→「説教」ではないです。「努力したうえで結果がでない」のならば良いですが、そうでなければ「努力しましょう」と言いたいだけです。

＞リンク先も既に見てるサイトです。それを踏まえて、わかる人に聞いた方が早いという意図での質問はするなと思わされるような権限があなたにはおありでしょうか。
→質問者さんの提示が無い限り「見たサイト」かどうかをこちらは知る術がありません。また、回答する権限はどこで取得できますか？その権限をあなたはお持ちですか？

＞自分でCSS組んで基礎がわかったところで、bootstrapを使うのであれば結局はbootstrapの中身知ってないと競合してしまいます。したがって、「フレームワーク等を使わないで、自分で組むCSS」をやったことでの解決には繋がりません。
→これは私の記述が誤りのうえに言葉が足りていないですね。スミマセン。正しくは「チートシート」であり、既存が使えない場合に、ご自分で用意すれば、より理解が深まるでしょうし、記述位置も把握できるので、「自作チートシート」をおススメする旨を伝えたかったです。

＞質問に対する回答は「こういうのがあります。」だけで十分です。
→であれば、質問文にその旨（リンク先のみ提示、コメント不要 等）を記載してください。

私の悪い所･･･誤記述や言葉使いの配慮が足りず、余計な悪感情を抱かせたのは、本当にスミマセン。

質問者さんの悪いと思われる所･･･「わかる人に聞いた方が早い」これはイケません。teratailはそんな場所ではなく「努力したけど、分からない。誰か助けて！」の場と私は思っています。

最後に･･･
恐らく、このコメントを上げれば、質問者さんの感情に触れるのだろうと思いますが、これ以上、この質問にはお応え出来ませんので、ご理解の程よろしくお願い致します。

[terminator]

> yoshinavさん
このユーザーいつもこんな感じなので、スルーが一番ですよ。i

[yoshinavi]

「terminator」様、ご報告ありがとうございます。