您可以將Bootstrap添加到離子應用程序嗎？

Question

我目前正在開發一個Ionic應用程序，我想知道是否可以添加基於Bootstrap的圖庫。我知道Ionic和Bootstrap在一起工作不太好，但我想知道它是否可行。

Answer 1

根據這篇文章Ionic + Twitter’s Bootstrap CSS Framework - Again!，這將是很多努力使用bootstrap。不過，我找到了這個滑塊How to Create Elegant Slider Carousel in Ionic Framework。

我希望它能幫助你！祝你好運！ ;）

Answer 2

我看到3種不同的方式來解決這個問題。

1. 使用旋轉木馬插件seperately

如果你想要的是旋轉木馬，你不必試圖引導侵入您的應用程序。 bootstrap插件應該非常獨立。只需單獨使用JS文件：https://github.com/twbs/bootstrap/blob/master/js/carousel.js 當然，如果沒有造型，它將無法正常工作。您可以嘗試複製旋轉木馬的LESS源，並自己重新設計風格。

使用另一個轉盤

自舉轉盤不是相比於許多其他插件，是唯一的。 你可能會更好地找到另一個。

請在http://bower.io搜索或試試這個：http://flexslider.woothemes.com/

使用角旋轉木馬

離子框架使用角度，它有一個龐大的社區。在Angular中構建的任何東西都應該可以在Ionic中使用。 如果你谷歌的「角旋轉木馬」，你會發現很多選擇。這似乎是一個受歡迎的：http://vasyabigi.github.io/angular-slick/

Answer 3

您是否嘗試過使用此Ionic指令？ <ion-slide-box></ion-slide-box>。

以下是我用它在我的項目

<ion-slide-box 
     show-pager="true" 
     does-continue="true" 
     pager-click="true" 
     auto-play="true" 
     slide-interval="4000"> 

    <ion-slide ng-repeat="image in imageArray"> 
      <img ng-src="img/slides/{{image}}.jpg" alt="" height="auto" width="100%"> 
    </ion-slide> 
</ion-slide-box> 

有了這個yoiu不需要在你離子應用程序中使用自舉旋轉木馬。