行揃えの指定

東京都新宿区百人町0-0-0
ABCDビル4F
TEL : 03-1234-5678

.text-left.text-md-right

行揃えもレスポンシブに対応できる


h1クラスで表示した文字

display-4 で表示した文字

    h1, .h1 {
      font-size: 2.5rem;
    }
    .display-4 {
      font-size: 3.5rem;
      font-weight: 300;
      line-height: 1.2;
    }
    

.jumbotron.jumbotron-fluid.text-white > .container > h1

Jumbotron

Lorem ipsum dolor sit amet consectetur adipisicing elit.
Nulla voluptate nam accusamus odio maxime!

      .jumbotron {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
        background-color: #e9ecef;
        border-radius: 0.3rem;
      }
      
      @media (min-width: 576px) {
        .jumbotron {
          padding: 4rem 2rem;
        }
      }
      /* ウィンドウ幅が576px以上の時に padding を広くする*/
      
      .jumbotron-fluid {
        padding-right: 0;
        padding-left: 0;
        border-radius: 0;
      }
      /* 左右の余白を消して、角丸を消す */