繁体   English   中英

我的块报价没有运行。 我也链接了 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

我已经链接了从 bootstrap 下载的 css 和 js 文件,但这些功能似乎无法正常工作。 <blockquote>标签只是返回简单的文本。 另外<cite> </cite>没有给我“-”。 似乎是什么问题?

 <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>

如果您已正确加载bootstrap.css文件(您可以在开发人员工具中检查控制台)...并且您的custom.css没有覆盖blockquote类...

下面代码段应该适合你:

 <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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM