bootstrap modal on mobile not working

[shahvikram24]

<!-- HTML -->
<a data-target="#exampleModal" data-toggle="modal" >Find out More...</a>

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" >
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 style="color:#333;" class="modal-title" id="exampleModalLabel">Workplace Health and Safety</h4>
          </div>
          <div class="modal-body">
            <form method="post" autocomplete="off">
                <div class="container-fluid">
                  <div class="row">

                        <ul>
                            <li>Conflict Management/Resolution  - Business/Industry</li>
                            <li>Fatigue Management  - Business/Industry </li>
                            <li>Stress Management   - Business/Industry </li>
                            <li>Workplace Safety    - Business/Industry</li>
                            <li>Drug and Alcohol Awareness Training Business /Industry </li>
                            <li>Transportation of Dangerous Goods   - Business/Industry</li>
                            <li>WHMIS   - Business/Industry</li>
                            <li>Load Securement - Business/Industry</li>
                            <li>Flagging    - Business/Industry</li>
                            <li>Occupational Health and Safety  - Business/Industry</li>
                            <li>Job Readiness Training  - Business/Industry</li>
                            <li>First Aid Training  - Business/Industry </li>
                        </ul>

                        <h3 style="color:#333;">Seminars for Healthy & Efficient Work Environment</h3>
                            <ul>
                                <li>Workplace Violence</li>
                                <li>Negotiation Skills</li>
                                <li>Teamwork & Team building  </li>
                                <li>Supervising Others</li>
                                <li>Stress Management</li>
                                <li>Risk Assessment & Management</li>
                                <li>Public speaking </li>
                                <li>Presentation Skills </li>
                                <li>Personal Productivity</li>
                                <li>Performance Management</li>
                                <li>Office Politics for Managers </li>
                                <li>Meeting Management </li>
                                <li>Leadership and Influence</li>
                                <li>Human Resources Management</li>
                                <li>How to develop new Managers </li>
                                <li>Handling a difficult customer</li>
                                <li>Facilitation Skills</li>
                                <li>Developing Corporate Behavior</li>
                                <li>Customer Service</li>
                            </ul>
                    </div>
                </div>

            </form>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>

[shahvikram24]

I tried with document ready function also.

<script> $(document).ready(function() { $("#exampleModal").modal(); }); </script>

.modal('hide') and .modal('show')

[cvrebert]

Please make your example into a JS Bin or JS Fiddle.
And state exactly which mobile OS and browser you are using.
Thanks.

[twbs-closer]

Hey there!

We're automatically closing this issue since the original poster (or another commenter) hasn't yet responded to the question or request made to them 14 days ago. We therefore assume that the user has lost interest or resolved the problem on their own. Closed issues that remain inactive for a long period may get automatically locked.

Don't worry though; if this is in error, let us know with a comment and we'll be happy to reopen the issue.

Thanks!

(Please note that this is an automated comment.)