Bootstrap主体与标题重叠,未居中

时间:2016-02-19 17:00:52

标签: html css html5 twitter-bootstrap css3

大家好我是第一次尝试用bootstrap创建一个websie并试图理清基本布局。但是我现在遇到两个问题。

第一个我用白色着色的主体不在页面中间。 我试图使主页看起来像这样:

 -----------------------------------------------
|    |                          |              |
|-----------------------------------------------                        
|    |Logo               Nav Bar|              |
|-----------------------------------------------                        
|    |                           |             |
|    |                           |             |
|    |      Body                 |             |
|    |                           |             |
|    |                           |             |
|-----------------------------------------------                        
|    |Logo          Info        |              |
|-----------------------------------------------                        
|    |                          |              |
 -----------------------------------------------

然而由于某种原因,身体被卡在左边而不是中间。

我的第二个问题是顶部的导航栏。因为它没有卡在顶部,这意味着当我滚动时,白色的身体会在我跌倒时重叠它,这是一个大问题。如果导航栏卡在顶部,这不是问题,但是我希望我的导航栏不在顶部,而是像80px一样。

对此的任何帮助都会很棒。

HTML:

<div class="mainHome">
    <div class="container">
    </div>
</div>

CSS:

2 个答案:

答案 0 :(得分:1)

Bootstrap要求所有内容都在包含元素内,该元素可以包含“container”或“container-fluid”类。从那里你需要使用Bootstrap网格系统,使用行然后使用列。所以你的结构将采用以下形式:

<div class="container">
    <div class="row">
        <div class="col-md-12">
            /* content here */
        </div>
    </div>
</div>

因此,在您的代码中,“容器”类必须是最外层的部分,其中包含其他所有内容。

您可以在此处了解Bootstrap网格系统的基础知识http://getbootstrap.com/css/#overview-container

答案 1 :(得分:1)

好的,试试这个。

ALTER TRIGGER triggerIncrementUpdate
ON Table1
AFTER UPDATE

AS
BEGIN

UPDATE Table1 SET Version += 1 FROM Table1 INNER JOIN INSERTED As I ON Table1.ID = I.ID

END

并添加此CSS:

from __future__ import unicode_literals
import youtube_dl    
with youtube_dl.YoutubeDL(ydl_opts) as ydl:
    ydl.download(url)
祝你好运!