ブートストラップ/ワードプレスのテキストボックス

Question

私のサイト（https://ibb.co/fzMYMF）私はワードプレスでブートストラップ3.3.7を使用しています。どのように私はテキストでそれを記入することができます私のサイトの中央に（すべてのページに同じ）白いテキストボックスを挿入することができますか？

左上に「SERVICES services available」と表示されます。これは、ページ中央の白いボックスに入れたいテキストです。

Answer 1

ブートストラップでは、私はこれを行うだろう：それはブートストラップテンプレートではありませんので、これは完全に右を見ていない

body { 
 
background-color: #283bdf; 
 
} 
 

 
.maintext { 
 
    background-color: #ffffff; 
 
    padding: 20px; 
 
} 
 

 
.sidebar { 
 
background: none; 
 
} 
 

 
h1 { 
 
background-color: #ccc; 
 
color: #424242; 
 
font-size: 64px; 
 
font-family: 'Helvetica', sans-serif; 
 
font-weight: 500; 
 
} 
 

 
h4 { 
 
background-color: #ccc; 
 
color: #424242; 
 
font-size: 30px; 
 
font-family: 'Helvetica', sans-serif; 
 
font-weight: 500; 
 
}

<div class="row"> 
 
    <!---YOUR SIDEBAR---> 
 
     <div class="col-sm-2 col-md-2 col-lg-2 sidebar"> 
 
      <div class="services"> 
 
       <h1>Services</h1> 
 
       <h4>Services available:</h4> 
 
      </div> 
 
     </div> 
 
    <!---YOUR TEXT LOOP---> 
 
     <div class="col-sm-10 col-md-10 col-lg-10 maintext"> 
 
      <?php 
 
if (have_posts()) { 
 
\t while (have_posts()) { 
 
\t \t the_post(); 
 
\t \t // 
 
\t \t // Post Content here 
 
\t \t // 
 
\t } // end while 
 
} // end if 
 
?> 
 

 
     </div> 
 
</div>

。