search

MICS-NAGOYA / application

引っ越し元 https://github.com/yutokyokutyo/MICS-Event-Management
https://mics-app.herokuapp.com/
2 stars 0 forks source link

スマホでもスタイルが崩れないようにしたい #3

Open yutokyokutyo opened 5 years ago

yutokyokutyo commented 5 years ago

image

理想

image

yutokyokutyo commented 5 years ago

トグルを使いたくない。 https://cccabinet.jpn.org/bootstrap4/components/navbar navbar のsample実装にはこの問題を解決させる方法の記述なし

そもそもnavbarを使わないほうがいいのかな。

yutokyokutyo commented 5 years ago

ref: http://blog.shuffleee.com/2790/ これも適用されない。あまり分かってないなぁ。

  /* --- navigationBar --- */
  .navbar-toggle {
      display: none;
  }
  .collapse {
      display: block;
      border-color:transparent;
  }
  .navbar-right {
      float: right;
  }
  .navbar-header {
      float: left;
  }
  .navbar-nav {
      margin:0 -15px 0 0;
  }
  .navbar-nav>li>a {
      padding-top: 15px;
      padding-bottom: 15px;
  }

多分もうこれトグルは無効化されてるので、CSSでいい感じに書けば終わるのでは？

yutokyokutyo commented 5 years ago

listタグを横並びにするというわけではなさそうだぁ 🤔 https://www.homepage-tukurikata.com/css/display-inline.html

yutokyokutyo commented 5 years ago

https://qiita.com/Eai/items/bd200deb170a2eb0a26c image