作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
我对导航中 Logo 图像的绝对定位有疑问。
我的 Logo 必须一半在导航栏上,一半在下方。
当我在 col-md-3 中添加一个具有 te 属性 position: absolute 的类时,父级 col-md-3 的大小变得比正常的 col-md-3 大。
它应该是这样的:
为了更好地定位内容,我将导航和 Logo 拉成一行和两个列(col-md-2 和 col-md-10)。第一行下方的内容是包含两个列的一行 - col-md-offset-2 col-md-7 和 col-md-3。两行的列必须具有相同的 witdh。
代码: http://www.bootply.com/VJYSA55MEt
我的问题是为什么 Logo col-md-3 比第二行中的 col-md-3 大。两个列必须具有相同的宽度...我不知道如何固定宽度...
或者您有更好的方法来处理这个问题(主要是, Logo 在导航栏上并位于导航栏下方,并且导航栏下方的内容从 Logo 开始)
最佳答案
无需在 Absolute div 中使用 col-md。在 logo 中使用 Absolute,在 Nav 中使用 Relative 然后给出一些 Top 值,它会下降。喜欢
.logo{
position:absolute;
top:20px;
}
.nav{
position:relative;
}
关于html - Bootstrap col-md 变大是因为div在里面的绝对位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37794952/
COW 不是奶牛,是 Copy-On-Write 的缩写,这是一种是复制但也不完全是复制的技术。 一般来说复制就是创建出完全相同的两份,两份是独立的: 但是,有的时候复制这件事没多大必要
我是一名优秀的程序员,十分优秀!