Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.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
Html Twitter引导-以内容为中心_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html Twitter引导-以内容为中心

Html Twitter引导-以内容为中心,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,正如您在我的测试页面上看到的,内容在左侧站点中对齐。我想把它放在中间 我读过 但由于某种原因,它没有起作用 我的内容看起来像这样 <div class="content"> <div class="row"> <div class="span"> <img src="http://placehold.it/180x1200"> </div>

正如您在我的测试页面上看到的,内容在左侧站点中对齐。我想把它放在中间

我读过 但由于某种原因,它没有起作用

我的内容看起来像这样

<div class="content">

        <div class="row">
            <div class="span">
               <img src="http://placehold.it/180x1200">
            </div>
        <div class="span12">
                @content
            </div>
            <div class="span">
                <img src="http://placehold.it/180x1200">
            </div>
        </div>

    </div>

}将css更改为:

.content {
background-color: #fff;
display: block;
text-align: center;
}​
编辑:


这里有一个小把戏:

将css更改为:

.content {
background-color: #fff;
display: block;
text-align: center;
}​
编辑:


这里有一把小提琴:

您还应该在.content上设置一个宽度。大概是这样的:

.content {
   margin: 0 auto;
   width: 1340px;
}

在chrome inspector中试用过,效果很好…

您还应该在.content上设置宽度。大概是这样的:

.content {
   margin: 0 auto;
   width: 1340px;
}

在chrome inspector中试用过,效果很好…

您是否希望将@content置于中心位置?如果是这样,试试这个

    <div class="span12 pagination-centered">

您是否希望将@内容放在中心位置?如果是这样,试试这个

    <div class="span12 pagination-centered">

试试看。我是从你那儿得到的

希望这对你有所帮助。我是从你那儿得到的


希望这能有所帮助

我不喜欢设置事物的宽度。这就是为什么我喜欢使用内联块来居中

<div style="text-align: center;">
  <div style="display: inline-block; text-align: left;">
    <p>I'm so centered</p>
  </div>
</div>

我太专注了


我不喜欢设置事物的宽度。这就是为什么我喜欢使用内联块来居中

<div style="text-align: center;">
  <div style="display: inline-block; text-align: left;">
    <p>I'm so centered</p>
  </div>
</div>

我太专注了


创建一个.center类,并在想要居中的任何对象周围环绕一个div

.center {
 text-align: center;
}

<div class="center">
  ... stuff ...
</div>
.center{
文本对齐:居中;
}
... 东西

创建一个.center类,并在想要居中的任何对象周围环绕一个div

.center {
 text-align: center;
}

<div class="center">
  ... stuff ...
</div>
.center{
文本对齐:居中;
}
... 东西

Hm,理论上它应该可以工作,但实际上不行。也许twitter引导在默认情况下具有更高的优先级。我不知道。有什么想法吗?顺便说一句,我不能使用文本对齐,因为它会将我的所有文本集中在我的内容中。我只想把内容本身放在中心。嗯,理论上应该可以,但实际上不行。也许twitter引导在默认情况下具有更高的优先级。我不知道。有什么想法吗?顺便说一句,我不能使用文本对齐,因为它会将我的所有文本集中在我的内容中。我只想把内容本身放在中心。是的,你说得对,它与1920x1080配合使用。但在我的笔记本电脑上,它完全被摧毁了。所有东西都堆起来了。基于百分比的东西会很棒是的,你是对的,它适用于1920x1080。但在我的笔记本电脑上,它完全被摧毁了。所有东西都堆起来了。基于百分比的东西会很棒