Bootstrap version in Ionic3

Ionic Framework ionic-v3
1

Hi Team

Can anyone help me to know Bootstrap version used in Ionic 3???
And how can I use bootstrap4 with ionic3??
below is my ionic info output:

@ionic/cli-plugin-proxy : 1.5.6
@ionic/cli-utils        : 1.19.0
ionic (Ionic CLI)       : 3.19.0

global packages:

cordova (Cordova CLI) : 8.0.0

local packages:

@ionic/app-scripts : 3.1.8
Cordova Platforms  : none
Ionic Framework    : ionic-angular 3.9.2

System:

Android SDK Tools : 20.0.1
Node              : v8.9.1
npm               : 5.5.1
OS                : Windows 10

Thanks

2

Ionic does not use Bootstrap.

1 Like
3

Then what does it mean bootstrap: [IonicApp] inside ionic .module.ts file and how we can use bootstrap in ionic ???

4

bootstrap: [IonicApp]

This indicates the starting point of an application. Bootstrap here has nothing to do with bootstrap css. Its a kind of approach or mechanism for starting any application.

I hope this will clear your doubts.

5

That’s just the code to set everything up between Ionic and Angular.
It has nothing to do with bootstrap, as @pwespi said

6

Ok, got it.
then I think just by including CDN for bootstrap in index.html, I can use bootstrap ??

thanks

7

Hi @Spsahu,

Please share your end goal here so that others can guide you the current direction. Because ionic it self provide attractive css components so that developers do not need to use any external library especially for theming purpose.

8

As In Bootstrap

> div class=“container”>
> div class=“flex-box”>
> div class=“flex-container”>
> div class=“row”>
> div class=“col”>
> div class=“col”>
> div class=“col”>
> /div>
> /div>
> /div>
> /div>

Like this I create block, I missed <
So I want to do same in ionic by using only div and bootstrap class.
Got my approach??

9

I can only see a grey bar in your reply.
Can you doublecheck?

10

I edited my query.

Thanks guys for your time.

11

Ionic grid is your friend.
It’s kinda like the system of bootstrap.

–> https://ionicframework.com/docs/api/components/grid/Grid/

12

Coool…
Thanks, man !