14
13

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Bootstrapのダイアログの位置が微妙で毎度イライラする問題

Last updated at Posted at 2017-03-11

これこれ。

bootstrapのドキュメントより。

Kobito.UBHnwk.png

おれはど真ん中派なんだ!

.modal-dialogmargin: 30px auto;しかしてくれていないのでがっつり上書きしちゃう。

app.sass
// bootstrap.sass or bootstrap.css 読み込み後に↓を定義

.modal-dialog
  display: flex
  flex-direction: column
  justify-content: center
  min-height: 100%
  margin: auto
  pointer-events: none

  .modal-content
    pointer-events: all

そうそうこれよこれ。

Kobito.Fbsofz.png

もう一度言おう、おれはど真ん中派なんだ!

14
13
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
14
13

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?