我想用ionic2中的一些按钮制作底页，我找到的所有资源都是ionic1中的示例：这是一个例子： 这是我想要做的链接： enter link description here
是我的HTML：
<ion-content no-padding no-margin>
<ion-list no-lines no-padding no-margin>
<ion-list-header>
Share Options
</ion-list-header>
<ion-item>
<ion-grid>
<ion-row>
<ion-col col-3 text-center>
<button ion-button clear icon-only>
<ion-icon name="md-copy" id="copyIcon"></ion-icon>
</button><br/>
<span class="optionName">Copy Link</span>
</ion-col>
<ion-col col-3 text-center>
<button ion-button icon-only class="SMBtn" id="FBBtn">
<ion-icon name="logo-facebook" color="light" id="FBIcon"></ion-icon>
</button><br/>
<span class="optionName">Facebook</span>
</ion-col>
<ion-col col-3 text-center>
<button ion-button icon-only class="SMBtn" id="twitterBtn">
<ion-icon name="logo-twitter"></ion-icon>
</button><br/>
<span class="optionName">Twitter</span>
</ion-col>
<ion-col col-3 text-center>
<button ion-button icon-only class="SMBtn" id="googleBtn">
<ion-icon name="logo-googleplus"></ion-icon>
</button><br/>
<span class="optionName">Google Plus</span>
</ion-col>
</ion-row>
<ion-row>
<ion-col col-3 text-center>
<button ion-button icon-only class="SMBtn" id="whatsBtn">
<ion-icon name="logo-whatsapp" id="copyIcon"></ion-icon>
</button><br/>
<span class="optionName">Wahts Up</span>
</ion-col>
<ion-col col-3 text-center>
<button ion-button icon-only class="SMBtn" id="tumblrBtn">
<ion-icon name="logo-tumblr"></ion-icon>
</button><br/>
<span class="optionName">Tumblr</span>
</ion-col>
<ion-col col-3 text-center>
<button ion-button icon-only class="SMBtn" id="linkedBtn">
<ion-icon name="logo-linkedin"></ion-icon>
</button><br/>
<span class="optionName">Linked-in</span>
</ion-col>
<ion-col col-3 text-center>
<button ion-button icon-only class="SMBtn" id="moreBtn">
<ion-icon name="ios-more"></ion-icon>
</button><br/>
<span class="optionName">More</span>
</ion-col>
</ion-row>
</ion-grid>
</ion-item>
</ion-list>
</ion-content>
我让它看起来像一个弹出窗口，但我不想要它就像从底部出现的操作表，任何人都可以在这个问题上帮助我？