EzDev.org

bootstrap

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web. Bootstrap · The world's most popular mobile-first and responsive front-end framework. bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.


Bootstrap Modal is not working on Sharepoint 2013

I have a problem, when I try to open a Bootstrap Modal-Pop-Up in Sharepoint 2013. When I test the Page local (Not using the Sharepoint masterpage") it works fine, but ,if I try to open the same Page in Sharepoint, the modal is not detected as a modal , so that the whole screen gets grey.

I hope someone can help me , Thanks a lot!

This is my Code:

 <button type="button" class="btn btn-default" data-toggle="modal"  data-target="#mymodal"><span class="glyphicon glyphicon-floppy-disk"></span></button>
<div id="mymodal" class="fade modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" >
<div class="modal-dialog modal-lg">
    <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 class="modal-title">
                <asp:Label runat="server" ID="lblHeader"></asp:Label></h4>
        </div>
        <div class="modal-body">
        <button type="button" class="btn btn-default" >Test</button>
        </div>

    </div>
</div>


Source: (StackOverflow)

bootstrap hyperlink not working

I've been trying to get the actual rows to be hyperlinked (clickable) but it seems they don't want to be active links, I've searched around on Google and websites say to use the "a href" which I've done but for some reason it isn't working for me, this is a bootstrap layout, if anyone could help me please that would be fantastic, thank you very much

Edit: I've tried adding the "class='clickable-row' data-rel='nofollow' href='url://link-for-first-row/'" to the tr element but it still doesn't appear to be working, I did try to update the jsfiddle link but when I try to save it to post the link here the jsfiddle data wipes from my screen.

https://jsfiddle.net/r6wctrwk/

<div class="container">
<table class="table table-bordered">
<thead>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
</thead>
<tbody>
<a rel='nofollow' href="#">
<tr>
<td>John</td>
<td>Doe</td>
</tr>
</a>
<a rel='nofollow' href="#">
<tr>
<td>Mary</td>
<td>Moe</td>
</tr>
</a>
<a rel='nofollow' href="#">
<tr>
<td>July</td>
<td>Dooley</td>
</tr>
</a>
</tbody>
</table>
</div>

Source: (StackOverflow)