Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typo3/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 一行中有4个相等的列不工作_Twitter Bootstrap_Typo3 - Fatal编程技术网

Twitter bootstrap 一行中有4个相等的列不工作

Twitter bootstrap 一行中有4个相等的列不工作,twitter-bootstrap,typo3,Twitter Bootstrap,Typo3,目前,我正在建立一个网站,使用typo3作为CMS,对于响应性设计,我使用twitter引导。现在,我尝试在一行中创建4个相等的列,如本网站中的示例所示: 一行中有3列,我正在查看源代码,它们使用row标记,然后放置一个span标记,我遵循这些,得到不同的结果,如下所示: 我的代码: <div class="container"> <!-- Main hero unit for a primary marketing message or call to act

目前,我正在建立一个网站,使用typo3作为CMS,对于响应性设计,我使用twitter引导。现在,我尝试在一行中创建4个相等的列,如本网站中的示例所示:

一行中有3列,我正在查看源代码,它们使用row标记,然后放置一个span标记,我遵循这些,得到不同的结果,如下所示:

我的代码:

<div class="container">

      <!-- Main hero unit for a primary marketing message or call to action -->
      <div class="hero-unit">
        <h1>Hello, world!</h1>
        <p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
        <p><a href="#" class="btn btn-primary btn-large">Learn more &raquo;</a></p>
      </div>

      <!-- Example row of columns -->
      <div class="row">
        <div class="span4">
          <h2>Heading</h2>
          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
        </div>
        <div class="span4">
          <h2>Heading</h2>
          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
       </div>
        <div class="span4">
          <h2>Heading</h2>
          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
        </div>
      </div>
    </div>

你好,世界!
这是一个简单的营销或信息网站的模板。它包括一个称为“英雄单元”的大型标注和三个支持内容。把它作为一个起点来创造更独特的东西

标题 Donec在eget metus为非mi porta孕妇确定了最佳身份。这是一种很好的调味品,是一种很好的调味品。这是一个很好的例子。Donec sed odio dui

标题 Donec在eget metus为非mi porta孕妇确定了最佳身份。这是一种很好的调味品,是一种很好的调味品。这是一个很好的例子。Donec sed odio dui

标题 Donec sed odio dui。我是奥迪奥先生,我是艾格斯塔·艾格特·奎姆先生。猫门前庭舌骨。这是一种很好的调味品,是一种很好的调味品


好的。现在我看了一下bhootstrap的一面,并特别看了一下这个例子。我很确定我发布的布局是用collg做的,但现在他们用span做的。好的,我正在检查我的引导css,看,昨天的css包含了col,一瞬间的css包含了span。最后:我用col解决了这个问题,我看到了另一个col,名称是“col-3”,定义为25%,这非常适合我的问题。

您的标记看起来不错。如何包含
bootstrap.css
文件?有浏览器控制台错误吗?在标题中我添加了以下几行:我不认为我有错误,因为,该网站将被显示。另一个“问题”是该网站目前仅在本地工作