Html 网格不能与引导一起工作_Html_Css_Twitter Bootstrap

Html 网格不能与引导一起工作

html css twitter-bootstrap

Html 网格不能与引导一起工作,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,应该将一行分成两行，但显示两行，这是代码。。。我使用的是BootstrapV3.1.1，我看到的使用BootstrapV3的教程有什么不同 <!DOCTYPE html> <html> <head> <title>probando</title> <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"> <p

应该将一行分成两行，但显示两行，这是代码。。。我使用的是BootstrapV3.1.1，我看到的使用BootstrapV3的教程有什么不同

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


普罗班多
普罗班多·努埃瓦斯·科萨斯
德贝·伊斯塔·马斯雷萨尔塔多酒店
这是一个很好的例子
德贝·伊斯塔·马斯雷萨尔塔多酒店
这是一个很好的例子

您的类应该是“col-xs-6”请参阅引导文档-

span6

指出您的教程适用于现在非常过时的引导v2，它与v3不兼容。给自己找一个更新的教程。或者，你知道，只要看看官方文件；他们非常彻底，举了很多例子。：-）

span6

表明您的教程适用于现在已经过时的引导程序v2，它与v3不兼容。给自己找一个更新的教程。或者，你知道，只要看看官方文件；他们非常彻底，举了很多例子。：-）

在我看来，你似乎在尝试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>


德贝·伊斯塔·马斯雷萨尔塔多酒店
这是一个很好的例子
德贝·伊斯塔·马斯雷萨尔塔多酒店
这是一个很好的例子

最后…一件小事（我想你已经补充了），我在这里的代码中没有看到引导js和视口代码。所以万一你忘了添加，你必须在你的标题中添加类似的内容

<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" />

在我看来，你似乎在尝试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>


德贝·伊斯塔·马斯雷萨尔塔多酒店
这是一个很好的例子
德贝·伊斯塔·马斯雷萨尔塔多酒店
这是一个很好的例子

最后…一件小事（我想你已经补充了），我在这里的代码中没有看到引导js和视口代码。所以万一你忘了添加，你必须在你的标题中添加类似的内容

<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" />

Bootstrap 3之后，网格类已更改。现在，它们特定于每个视口（桌面、平板电脑、移动设备），并从

col xs-*

（对于大屏幕）、

col md-*

（对于中屏幕）等开始。更多信息引导3向前，网格类已更改。现在它们特定于每个视口（桌面、平板电脑、移动设备），并从

col xs-*

（用于大屏幕）、

col md-*

（用于中屏幕）等开始。更多信息