为了账号安全,请及时绑定邮箱和手机立即绑定

为何打完下面这个代码,网页是这样的?

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

http://img1.sycdn.imooc.com//58caa3300001bccd13660768.jpg

正在回答

6 回答

直接作为静态页面放在web工程里,然后运行服务器访问就行了

0 回复 有任何疑惑可以回复我~

上面链接是无效的,貌似不能修改,我其实只是想作为普通文本添加的,然而很少用这个评论系统然后就。。。

0 回复 有任何疑惑可以回复我~

这个显然是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就好了嘛。

0 回复 有任何疑惑可以回复我~

<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>上面加入这个就可以显示出来了

0 回复 有任何疑惑可以回复我~
#1

Lin_yuzhao 提问者

还是不行
2017-03-18 回复 有任何疑惑可以回复我~

你这个link标签里面的bootstrap库文件地址有问题,换成这个http://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.css试试就好了

0 回复 有任何疑惑可以回复我~
#1

Lin_yuzhao 提问者

还是不行
2017-03-18 回复 有任何疑惑可以回复我~
#2

dravenxiaokai 回复 Lin_yuzhao 提问者

不应该啊,我是复制的你的内容
2017-03-24 回复 有任何疑惑可以回复我~

你不可以用双击的方式打开html啊,在浏览器里输127.0.0.1或者localhost打开

0 回复 有任何疑惑可以回复我~
#1

Lin_yuzhao 提问者

什么意思,没懂
2017-03-18 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为何打完下面这个代码,网页是这样的?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信