[ionic 4-beta] Popover conflicts with bootstrap 4

[beginor]

[ionic 4-beta] Popover conflicts with bootstrap 4

When using ionic and bootstrap, the Popover component's style is confict with Bootstrap's Popover.

They all use .popover class, but bootstrap has defined max-width border background-color, this cause ionic popover component miss behavior.

current fix is add custom class to override bootstrap's popover:

.ion-popover {
  max-width: 100% !important;
  border-radius: 0 !important;
  border: none !important;
  background-color: transparent !important;
}

public async showPopover($event: Event): Promise<void> {
    const popover = await this.popoverCtl.create({
        component: PopoverComponent,
        componentProps: {},
        event: $event,
        showBackdrop: true,
        cssClass: 'ion-popover'
    });
    await popover.present();
    const result = await popover.onDidDismiss();
    console.log(result);
}

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.