【发布时间】:2017-08-17 14:45:11
【问题描述】:
<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 -->
我正在尝试使用引导程序设计一个记分牌,并努力让事情正确排列。是否可以在引导程序中执行此操作?我放置了我正在尝试做的事情的图像。
【问题讨论】:
-
只是一个旁注,我会使用 CSS-Grid 来做这个。
标签: html css angular-ui-bootstrap bootstrap-4