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

为什么在慕课教程的显示结果和自己用记事本写在浏览器中打开的效果不一样啊,而且和教程里说的应该出现的显示结果也不一样。代码都是相同的啊

56d927c800019bb605000106.jpg

56d927c800010acd05000030.jpg

第一个是在慕课教程里面右侧的显示。第二张图是text写好后在浏览器打开的显示结果。

代码都是是这样写的:

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>基本用法</title>

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

<link rel="stylesheet" href="style.css">

</head>


<body>

<div class="container">

  <div class="row">

    <div class="col-md-4">.col-md-4</div>

    <div class="col-md-8">.col-md-8</div>

  </div>

  <div class="row">

    <div class="col-md-4">.col-md-4</div>

    <div class="col-md-4">.col-md-4</div>

    <div class="col-md-4">.col-md-4</div>

  </div>

  <div class="row">

    <div class="col-md-3">.col-md-3</div>

    <div class="col-md-6">.col-md-6</div>

    <div class="col-md-3">.col-md-3</div>

  </div>

</div>

</body>

</html>


正在回答

2 回答

http://img1.sycdn.imooc.com//56e2653a0001f96908030259.jpg

.col-md-是针对屏幕宽度大于992px的时候,教程里显示的时候,宽度不够!

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

慕UI1237056 提问者

嗯嗯,改成sm就可以了!!! 十分感谢!!
2016-03-12 回复 有任何疑惑可以回复我~

浏览器用的是谷歌啊

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

举报

0/150
提交
取消

为什么在慕课教程的显示结果和自己用记事本写在浏览器中打开的效果不一样啊,而且和教程里说的应该出现的显示结果也不一样。代码都是相同的啊

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