Html 引导导航栏垂直水平居中?
是否可以将导航栏垂直和水平居中Html 引导导航栏垂直水平居中?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,是否可以将导航栏垂直和水平居中 /** *标志。 */ .按钮标志{ 字体系列:“单调”,草书; 字体大小:正常; 字体大小:40px; 字体大小:300; 线高:40px; 字母间距:1px; } .按钮标识:悬停{ 文字装饰:无; } .按钮标志跨度{ 显示:块; 明确:两者皆有; 颜色:#000; } /** *将徽标居中放置。 */ .导航栏标题{ 浮动:左; 文本对齐:居中; 宽度:100%; } .navbar品牌{ 浮动:无; } /** *使导航栏居中。 */ .navbar.
/**
*标志。
*/
.按钮标志{
字体系列:“单调”,草书;
字体大小:正常;
字体大小:40px;
字体大小:300;
线高:40px;
字母间距:1px;
}
.按钮标识:悬停{
文字装饰:无;
}
.按钮标志跨度{
显示:块;
明确:两者皆有;
颜色:#000;
}
/**
*将徽标居中放置。
*/
.导航栏标题{
浮动:左;
文本对齐:居中;
宽度:100%;
}
.navbar品牌{
浮动:无;
}
/**
*使导航栏居中。
*/
.navbar.navbar导航{
显示:内联块;
浮动:无;
}
.导航栏.导航栏塌陷{
文本对齐:居中;
}
/**
*删除默认背景、半径等。
*/
navbar先生{
-webkit边界半径:0;
-moz边界半径:0;
边界半径:0;
边界:0;
背景:无;
盒影:无;
页边距底部:0;
}
.navbar默认值.navbar nav>li>a{
字体系列:“单调”,草书;
字体大小:25px;
字母间距:2px;
颜色:#000;
颜色:rgba(0,0,0,0.5);
填充底部:0!重要;
}
.navbar默认值.navbar导航>li>a:悬停{
颜色:#000;
}
.navbar默认值.navbar nav>.active>a,
.navbar默认值.navbar nav>.active>a:悬停,
.navbar默认值.navbar nav>.active>a:焦点{
背景:无;
背景:无;
盒影:无;
颜色:#000;
}
切换导航
如果我正确回答了您的问题:.navbar.navbar导航{
显示:内联块;
浮动:无;
}
.导航栏.导航栏塌陷{
文本对齐:居中;
}
切换导航
-
要将导航栏置于屏幕中央,只需添加
nav {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
您希望品牌处于垂直位置,并且在家附近和联系在一起horizontal@Gowtham我想把它们都放在中间。