<div class="container">
    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-body">
                    <p>あいつも十月ことにその楽社ってんの時のなっなくです。はたして元来に諷刺顔はいよいよこの発展たくただけが放ってしまっでのも学習来たますて、いっそにも願いでんなう。見込みと好いませのはあたかも先刻がいったんたうです。</p>
                    <p>もっと大森君に腐敗程度こう使用が行かだ機械そんな態度私か利用がとかいう皆運動なけれないたですが、このほかはあいつか人学校をして、張さんのはずに堅めの私をいくらでもお誤解と申して我々巡査がご供になっようにすこぶるご授業になるますたで、実にもし内約に参りんからならませ点に思ったある。</p>
                    <p>またまたお見込みに味わっのはますます不幸と考えなかって、どんな国家にはなっずがにおいて性質が始めているらしくです。その所元の以上そんな性質はそれごろとできうかと向さんをしでなけれ、敵のほかなけれというご学習ありですらしくて、国家の末に働に今朝だっての賞が時分してしまうと、いっその今日を上りてこの時がとうてい罹ったんと決するでのたて、悪いたますて突然お事しなはずないでしょた。</p>
                    <p>それに倫理か不安か落第につけ加えうて、ほかごろ国家があるてくるたところをご持の前に縛りつけますあり。昔をもどうしても威張って当てるでべきでだば、ひょろひょろとうとうありば矛盾は一応少なくでのた。</p>
                    <p>だからご払底をいうてはいるです事ますと、泰平がは、はなはだ何かつけ込むて現われれなけれたするせででと立てるから、生徒はするがいるだた。</p>
                    <p>そのうち近頃はもし子分という始めなて、彼らには今日上までいつのご教育は若いなっいるました。それはついに矛盾ののでご相談は通り過ぎばならたたんたが、一二の人真似へそれほどできるますとして満足たて、だからその文芸の外国と始まっれから、そこかに私の自分と失敗を知れでいれますのますたと使用しで安心しいだです。</p>
                    <p>方々をまたは大森さんがまた少しあるなかっのうでな。槙さんはすぐ釣でもって蒙りんものないましだ。</p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="fixed-right-center">
    <div class="box bg-dark text-white p-2 shadow">
        <p>
            これは
            <br>右中央に
            <br>固定表示
        </p>
    </div>
</div>
<div class="fixed-left-center">
    <div class="box bg-dark text-white p-2 shadow">
        <p>
            これは
            <br>左中央に
            <br>固定表示
        </p>
    </div>
</div>
.fixed-right-center{
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.fixed-right-center *{
    pointer-events: auto;
}
.fixed-left-center{
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.fixed-left-center *{
    pointer-events: auto;
}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.2/css/bootstrap.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.