Bootstrap 4打破了Stripe Elements

我正在尝试将Stripe与我的Laravel网站集成

I am trying to integrate Stripe with my Laravel site

为此，我将遵循他们网站上的文档

in order to do this I am following the documentation on their website

https://stripe.com/docs/stripe-js/elements/quickstart

我可以正常工作，但是引导程序4中的某些内容正在影响样式.如果我将依赖关系放到bootstrap 4之前的版本中，它将起作用.

I can get to work with no errors, but something in bootstrap 4 is affecting the styling. If I drop the dependancy to a pre bootstrap 4 version it works.

这是Bootstrap 4的样子

This is what it looks like with bootstrap 4

这应该是这样，并且正在使用bootstrap 3

and this is what is should look like and this is running with bootstrap 3

我创建了两个bootply示例来说明问题

I have created two bootply examples to demostrate the issue

残破的示例

https://www.bootply.com/Tqz93y47Qe

工作示例

https://www.bootply.com/EvYkmKUPM3

有没有办法让条纹忽略引导样式?

Is there away to get stripe to ignore the bootstrap styling?