Question

应该划分两行，但显示两行，这是代码... 我使用bootstrap v3.1.1和我看到使用bootstrap V3的教程是不同的？

<!DOCTYPE html>
<html>
<head>
    <title>probando</title>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">

    <p>probando nuevas cosas</p>
</head>

<body>

    <div class="container">
        <div class="row">
            <div class="span6">
            <h1>Debe estar mas resaltado</h1>

            <p>proabando con mas palbras pra ver que pasa</p>
            </div>

            <div class="span6">
            <h1>Debe estar mas resaltado</h1>

            <p>proabando con mas palbras pra ver que pasa</p>
            </div>

        </div>

    </div>

</body>
</html>

Answer 1

你的课程应该是＆＃34; col-xs-6＆＃34;请参阅bootstrap文档 - http://getbootstrap.com/css/#grid

Answer 2

span6表示您的教程适用于现在非常过时的Bootstrap v2，它与v3不兼容。找一个更新的教程。或者，你知道，只需阅读官方文档;他们非常彻底，并提供了大量的例子。： - ）

Answer 3

好像你在v3中尝试v2给我。 span6已过时。

应该是这样的

<div class="row">
  <div class="row">
    <div class="col-md-6">
      <h1>Debe estar mas resaltado</h1>
      <p>proabando con mas palbras pra ver que pasa</p>
    </div>
    <div class="col-md-6">
      <h1>Debe estar mas resaltado</h1>
      <p>proabando con mas palbras pra ver que pasa</p>
    </div>
  </div>
</div>

最后......一件小事（我想你已经加了），我在这里的代码中没有看到bootstrap js和viewport代码。所以万一你忘了添加，你必须在标题中添加这样的内容...

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- Bootstrap CSS -->
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" />

grid不使用bootstrap

3 个答案: