Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 引导导航栏垂直水平居中?_Html_Css_Twitter Bootstrap - Fatal编程技术网

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我想把它们都放在中间。