embedded form not showing

I've got the following code for a collapsible link in bootstrap3. When I click the link the I get the text but the script does not run. I've tried buttons and more. Can you help?

<section id="testform">

            <div class="row" style="margin-bottom:2rem;">

                <div class="col-xs-10 col-xs-offset-1">

                        <a class="btn btn-primary" role="button" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">

                          Link with href

                        </a>

                        <div class="collapse" id="collapseExample">

                          <div class="well">

<script type="text/javascript" src="https://form.jotform.com/jsform/90766300337152"></script>

                            Put some text here

                          </div>

                        </div>

                    </div>

</div>                    

            </section>

To clarify, do you want to link your form with the button? Or do you want to embed the form inside your collapse?

You may try using the lightbox embed instead.

Here is a guide:https://www.jotform.com/help/220-How-to-Create-a-Lightbox-Form

You may also try using the Iframe code.

https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

Please give it a try and let us know how it goes.

Thanks.

Lightbox - no good. it affects other collapsible panels

Iframe - no good. it affects other collapsible panels

Downloaded code and split it into css, html, and script so that its easier to manage. It seems to be working. Haven't the foggiest why it works now but not with the other methods. BTW, the embedded script code for a form works as long as its not in a collapsible bootstrap panel.

Now I've just got to get rid of the border box around the form. Any ideas or pointers?

Thank your for testing the embed codes. It seems the source code works with your requirements.

I have checked your form but I can't seem to find any boarder box.

Can you please share to us the web page URL you have embedded your form?

Thanks for the reply.

Can't send you the URL - I'm on a test server. It's as if there's padding all around the form.

You may try this custom CSS

.supernova .form-all {

    border:none;

    box-shadow: none;

}

How to Inject Custom CSS Codes

Can you please share to us a screenshot on how you view your form?

Guide:-How-to-add-screenshots-images-to-questions-to-the-support-forum

Let us know how it goes.

Thanks for your help. The border was caused by the bootstrap3 code i.e. its a function of bootstrap3 so it was a simple code fix. All good now.