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

来源:4-3 基本用法

慕UI1237056

2016-03-04 14:16

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

  • Nicole_Chen
    2016-03-11 14:28:34
    已采纳

    http://img.mukewang.com/56e2653a0001f96908030259.jpg

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

    慕UI123...

    嗯嗯,改成sm就可以了!!! 十分感谢!!

    2016-03-12 10:47:47

    共 1 条回复 >

  • 慕UI1237056
    2016-03-04 14:17:48

    浏览器用的是谷歌啊

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314544 学习 · 2275 问题

查看课程

相似问题