Bootstrap记分牌页面布局

Question

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container" style="border:1px solid black;">
  
  <div class="text-center">
    <div class="col-md-4">
       <div class="text-left">
         <div class="text-center">
           <h1>54</h1>
           <h1> Team1 </h1> 
         </div> 
      </div> 
    </div> 
    <div class="col-md-4">
    <div class ="text-center">
       <h1>Game Day</h1>
      </div> 
    </div>
      <div class ="col-md-4">
        <div class="text-right">
          <div class="text-center">
            <h1> 56 </h1> 
            <h1> Team6 <h1> 
              </div>
            </div>
</div><!-- /.container -->

我正在尝试使用bootstrap设计一个记分牌，并努力使事情正确排列。是否可以在bootstrap中执行此操作？我放置了我想要做的图像。

Answer 1

consult