我的块报价没有运行。 我也链接了 bootstrap css 和 js 文件，但它似乎不起作用
[英]My blockquote isn't running. I have link the bootstrap css and js files too but it doesn't seem to work
问题描述
I have linked the downloaded css and js files from bootstrap but the features don't seem to work as it should.
我已经链接了从 bootstrap 下载的 css 和 js 文件，但这些功能似乎无法正常工作。 The <blockquote> tag is just returning simple text. <blockquote>标签只是返回简单的文本。 Also the <cite> </cite> isn't giving me "-".另外<cite> </cite>没有给我“-”。 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 个解决方案
解决方案1
1 已采纳 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...如果您已正确加载bootstrap.css文件（您可以在开发人员工具中检查控制台）...并且您的custom.css没有覆盖blockquote类...
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>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.