Lin_yuzhao
2017-03-16 22:38
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>全局样式</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>
<body>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<h1>Hello, world!</h1>
<p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
<p><a href="#" >Learn more »</a></p>
</div>
</body>
</html>
直接作为静态页面放在web工程里,然后运行服务器访问就行了
上面链接是无效的,貌似不能修改,我其实只是想作为普通文本添加的,然而很少用这个评论系统然后就。。。
这个显然是CSS加载问题,你打开开发者工具直接提示你找不到CSS文件,这是因为你不使用localhost打开,它不知道你要从网络上加载,它会在本地找,当然找不到。你可以有两种解决方式,第一,如果你配置了localhost,比如Ubuntu默认是/var/www目录,把地址栏www之前(包括www),的部分改成localhost或者127.0.0.1;第二,如果你没有配置localhost,补全CDN路径http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css,最后,建议要么赶紧去配个本地测试localhost,要么就用本地的bootstrap就好了嘛。
<link rel="stylesheet" href="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
在</head>上面加入这个就可以显示出来了
你这个link标签里面的bootstrap库文件地址有问题,换成这个http://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.css试试就好了
你不可以用双击的方式打开html啊,在浏览器里输127.0.0.1或者localhost打开
玩转Bootstrap(基础)
314546 学习 · 2275 问题
相似问题