Bulma Frameworkの列の項目を水平に配置する

Question

コンテンツをBulmaの列の内側に水平に配置したいとします。ここで

は例です：

http://prntscr.com/hooo8l

私は 'columns' のdivでこれらの'class="column is-2"'を中央にしたいと思います。

<div class="columns is-vcentered"> 
    <div class="column is-three-fifths is-offset-one-fifth has-text-centered"> 
     <div class="columns is-desktop is-vcentered"> 
      <div class="column is-2"> 
        <button mat-raised-button color="primary" (click)="initTimer()"> 
         <mat-icon>play_arrow</mat-icon> 
         Start Timer 
        </button> 
      </div> 

そして、私はそれがある-2内のボタンと中央たい：私のコードの起動方法

がここにあります。

ご協力いただければ幸いです。 ありがとう！

Answer 1

あなたが利用可能なスペースの中にそのコンテナとそのコンテナ内のボタンを中央揃えにしたい場合は、これはあなたが次のことをやりたいです：

<div class="columns is-centered"> 
    <div class="column has-text-centered is-2"> 
    <a class="button">Button 1</a> 
    </div> 
    <div class="column has-text-centered is-2"> 
    <a class="button">Button 2</a> 
    </div> 
    <div class="column has-text-centered is-2"> 
    <a class="button">Button 3</a> 
    </div> 
    <div class="column has-text-centered is-2"> 
    <a class="button">Button 4</a> 
    </div> 
</div> 

JS Fiddle example

が、これは何ですホープ意味した。