LoginSignup
0
0

More than 5 years have passed since last update.

プログラミング学習記録41〜Bootstrap導入を諦め、CSSでレスポンシブ化を目指す〜

Posted at

今日やったこと

  • RailsにBootstrap導入を試みる
  • Progate Railsで作ったアプリのヘッダーをハンバーガーメニューに切り替える

今日は時間をかけた割にはあまり進みませんでした。

まず、昨日に引き続きRailsにBootstrapを導入することを試みたのですが、どうやってもCSSと競合してしまい、上手くいきませんでした。

Qiitaが検索上位に来てることが多いですが、意外と上位のページでも間違っていることがあることがわかったので、原文を読んで問題解決に取り組みました。

しかし、Google翻訳を使いながら、BootstrapのHPを見てその通りにやってみてもダメでした。

なので、ちょっと面倒くさいですがCSSでレスポンシブ化していきたいと思います。



あと、ハンバーガーメニューも意外と曲者で(というよりCSSをだいぶ忘れていて)手こずりました。

HTMLのdivがどこにかかっているかは確認してからじゃないと、二重、三重にCSSで修飾することになり、レイアウトが崩れてよくわからないことになるので、構造を確認→CSSで修飾という流れでやった方がいいですね。



いろいろ詰まることが多い1日でしたが、作ることに夢中になれて楽しい1日でもありました。

また、明日も引き続きプログラミング学習頑張りたいと思います。

おわり

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0