使用Bootstrap3&创建固定文本CSS3?

时间:2015-09-11 16:33:34

标签: css3 twitter-bootstrap-3

所以,我在Bootstrap 3上制作一个用户控制面板,我知道一些关于它的东西并且多次使用它,但我唯一的问题是我缺乏CSS知识(3 )实现这个或至少如何实现所述目标:

我的目标是创建某种移动数据计算机屏幕,在我的页面的每个角落我都放了一个固定的文本

Screen Example

实现它和固定位置的最佳方法是什么?

2 个答案:

答案 0 :(得分:0)

答案很简单,我不确定我是否理解这个问题。

HTML:

<div class="box box--tl">Top left</div>
<div class="box box--tr">Top right</div>
<div class="box box--bl">Bottom Left</div>
<div class="box box--br">Bottom right</div>

CSS:

.box{
    width: 150px;
    padding: 10px;
    background: #ddd;
    position: fixed;
}
.box--tl{
    top: 0;
    left: 0;
}
.box--tr{
    top: 0;
    right: 0;
}
.box--bl{
    bottom: 0;
    left: 0;
}
.box--br{
    bottom: 0;
    right: 0;
}

小提琴:http://jsfiddle.net/zufe7cz0/

答案 1 :(得分:-1)

感谢您的回答,我最终制作了一个带有流体容器的页眉和页脚,还有一些带有右侧和左侧类的跨度。这很简单,我甚至无法做到这一点哈哈尔

编辑:因为我觉得首先回答的人也是对的,我决定移动然后回答他的答复。