About Bootstrap CSS
-
about bootstrap in office-web I download v.4 file then I unzip and replace
in mango/web/resource/bootstrap but why in the editpage still not work.
code like this<link rel="stylesheet" href="/resources/bootstrap/css/bootstrap.min.css"></link> <div class="card-deck"> <div class="card"> <img class="card-img-top" src="https://semantic-ui.com/images/wireframe/image.png" alt="Card image cap"> <div class="card-body"> <h5 class="card-title">Card title</h5> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> <div class="card"> <img class="card-img-top" src="https://semantic-ui.com/images/wireframe/image.png" alt="Card image cap"> <div class="card-body"> <h5 class="card-title">Card title</h5> <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> <div class="card"> <img class="card-img-top" src="https://semantic-ui.com/images/wireframe/image.png" alt="Card image cap"> <div class="card-body"> <h5 class="card-title">Card title</h5> <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div>
screenshot like this
but when I use cdn.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" crossorigin="anonymous">
It will be work
How do I do to use in resource bootstrap ?
-
Use the developer tools of your browser to check the CSS file is being loaded.