業務ブログ

午前
2019年度サッカーチーム一覧のサイト更新

午後
2019年度サッカーチーム一覧のサイト更新

bootstrap4.1で、昨日までのエラー処理。
一つは、navbarの文字色の件で、
<ul class=”nav”>が間違いで、正解は<ul class=”navbar-nav”>だった。

もう一つ、navbarの挙動がページによって違う件で、
jquery-3.3.1.slim.min.jsとpopper.min.jsとbootstrap.min.jsがページによって正しく指定されていなかった。

bootstrap4.1で、今日嵌まったところ。
font awesomeで疑似要素だと表示されない件。
fa-chevron-rightだと表示されるのに、fa-twitterだと表示されなかった。

fa-chevron-rightでは、
.site::before {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 900;
}
で
  font-family: "Font Awesome 5 Free";
を書き、
fa-twitterでは、
.site::before {
  font-family: "Font Awesome 5 Brands";
  content: "\f105";
  font-weight: 400;
}
で
  font-family: "Font Awesome 5 Brands";
と書かなければならなかった。

【参考サイト】
https://niwaka-web.com/fontawsome5_css/

font-weightばかり気をとられ嵌まったな。

午前
2019年度サッカーチーム一覧のサイト更新

午後
2019年度サッカーチーム一覧のサイト更新

bootstrap4.1の使い方が分かったが、同じように作っているホームページでエラーが出て処理できず。
一つは、navbarの挙動で、すぐ引っ込む。
もう一つは、navbarの文字色。

午前
会計事務。

午後
金券ショップ網の更新。
2019年度サッカーチーム一覧のサイト更新。

bootstrapを忘れないための簡単なサイト、2019年度サッカーチーム一覧を更新しようとするが、bootstrapが4.1にバージョンアップされてて、使い方が分からず。