Bootstrap Footer, Full Width Of Page

后端 未结 4 691
小鲜肉
小鲜肉 2021-01-02 12:55

i\'m designing a website with joomla and using the bootstrap framework. Now i have a problem by my footer. Basically i use a simple grid layout and i want the content part o

4条回答
  •  独厮守ぢ
    2021-01-02 13:47

    for my needs, now i fixed it like you can see here: jsfiddle-example

    .footer
    {
        height: 50px;
        background-color: black;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
    }
    

    I have added "width: 100%", "position: absolute", "left: 0" and "right:0" to the css-class ".footer". I think decisive was the "position: absolute". Then i have to add the "left: 0" because the left side doesnt take the fullsize. after adding this it does. The "right: 0" i added, because of completeness. Doesnt know if it is needed in any other browser. Here it works also without it.

提交回复
热议问题