My blockquote isn't running. I have link the bootstrap css and js files too but it doesn't seem to work
Question
I have linked the downloaded css and js files from bootstrap but the features don't seem to work as it should. The <blockquote> tag is just returning simple text. Also the <cite> </cite> isn't giving me "-". What seems to be the issue ?
<head> <title>Bootstrap Cheat Sheet</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE-edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="css/custom.css"> </head> <body> <!-- Block Quotes --> <blockquote class="blockquote"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p> <footer>Quote By <cite title="John Doe">John Doe</cite></footer> </blockquote>
1 answers
solution1
1 ACCPTED 2019-07-08 10:06:42
Provided that you have correctly loaded the bootstrap.css file (you can check console in the developer tools)... and your custom.css is not overriding the blockquote class...
The snippet below should work for you:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <div class="container"> <blockquote class="blockquote"> <p>For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.</p> <footer class="blockquote-footer">From WWF's website</footer> </blockquote> <blockquote class="blockquote"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p> <footer>Quote By <cite title="John Doe">John Doe</cite></footer> </blockquote> </div>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
My A-Frame isn't rendering while my Javascript function is running. How can I have it render simultaneously?
I have tried but my program doesn't seem to work
VS Code refactoring in JS doesn't seem to work in unopened files
JS Scrolling doesn't seem to work on my website
I can't seem to be able to link in my .js file
CSS animations fadeIn doesn't seem to work
Hammer JS doesn't seem to work
JS if statement doesn't seem to work
Can't seem to link css and js files to index.html in heroku using node js
bootstrap 5 link hover color doesn't work
Related Tags