如何在IONIC中对齐中心

Question

我正在尝试将“行”项目对齐在中心，但实际上我在使用Bootstrap CSS和ionic CSS时都尝试不了。任何人都可以检查并告诉我我做错了什么。

HTML代码->

<div class="bar bar-header">
  <div class="tabs-striped tabs-color-assertive">
    <div class="row">
  <a class="tab-item col col-sm-6" data-ink-color="#ef473a" data-ink-opacity=".35" ng-click="activeMap()" ng-class="{'active': !isActive}" > <i class="icon ion-map"></i></a>
  <a class="tab-item col col-sm-6" data-ink-color="#ef473a" data-ink-opacity=".35"  ng-click="activeList()" ng-class="{'active': isActive}" > <i class="icon ion-ios-list-outline"></i></a>
    </div>
  </div>

我实际上想使它具有响应能力，这就是为什么要从OWN CSS逃脱

http://i.stack.imgur.com/6q3BI.png

Answer 1

要使css中的任何内容居中，必须在main div中使用特定的宽度，然后在divs中居中，并带有边距，例如以下示例：

<div class='main-div'>

 <div class='inside-div'>
  test
 </div>

</div>

和CSS看起来像：

.main-div{width:100%;}

.inside-div{width:50%;margin:0 auto; //or margin-right:25%; margin-left:25%;}

（100-div内宽度）/ 2 =左边距或右边距％