Twitter bootstrap 引导导航栏如何获取它,以便它可以从屏幕外水平滑过顶部

Twitter bootstrap 引导导航栏如何获取它,以便它可以从屏幕外水平滑过顶部,twitter-bootstrap,css,mobile,navbar,Twitter Bootstrap,Css,Mobile,Navbar,好了,开始吧。我有一个网站texasranchesandlandcompany.com,它模仿桌面图标作为导航栏。这在桌面上运行良好,但当屏幕变为手机大小时,我需要能够在屏幕上水平滑动那些桌面图标。网站的其他部分也不会随之移动 我显然不是最好的程序员,但这个问题在过去的48小时里一直是我生存的祸根 我不知道为什么这段代码看起来这么难看,但正如你所看到的,我对编码是新手,我无法让图标从屏幕外水平滑动 .fullnavbox{ 宽度:100%; 位置:绝对位置; 底部:0px; } @导入url(

好了,开始吧。我有一个网站texasranchesandlandcompany.com,它模仿桌面图标作为导航栏。这在桌面上运行良好,但当屏幕变为手机大小时,我需要能够在屏幕上水平滑动那些桌面图标。网站的其他部分也不会随之移动

我显然不是最好的程序员,但这个问题在过去的48小时里一直是我生存的祸根

我不知道为什么这段代码看起来这么难看,但正如你所看到的,我对编码是新手,我无法让图标从屏幕外水平滑动

.fullnavbox{
宽度:100%;
位置:绝对位置;
底部:0px;
}
@导入url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
[我是拉脱维亚人]{
字体系列:“Lato”,无衬线;
}
[am TopLogo]{
最大高度:119px;
最大宽度:210px;
利润率:12px 11px;
}
[我是CallNow]{
字号:200;
颜色:白色;
垂直对齐:中间对齐;
线高:25px;
字号:19px;
}
/*
相关样式如下
*/
托普先生{
显示器:flex;
证明内容:之间的空间;
对齐项目:柔性端;
}
.expbar h2{
背景图像:线性梯度(#9f9f9f,#535353 3%,#1f1f1f 17%,#212121 49%,#191919 89%,#000000 100%);
边框顶部:1px插入rgba(255、255、255、0.1);
盒影:0px2p2pRGBA(0,0,0,0.5);
边框左上半径:25px;
边框右上角半径:25px;
颜色:白色;
垫面:5px;
垫底:5px;
}
navbar先生{
页边距底部:0;
}
.navbar.nav{
保证金:0;
显示:表格;
宽度:100%;
}
.navbar.nav>li{
显示:表格单元格;
浮动:无;
文本对齐:居中;
垂直对齐:中间对齐;
}
.图标{
边框:2件纯黑;
边界半径:5px;
}
李海军:第一个孩子{
左边框:0;
边界半径:3px 0 3px;
}
李:最后一个孩子{
右边界:0;
边界半径:0 3px 3px 0;
}
.navbar.navbar nav>li>a{
颜色:#d1d1;
字号:700;
文本呈现:优化易读性;
/*文本阴影:0px-1px黑色,0px 1px rgba(255,255,255,0.25)*/
线高:18px;
字体大小:1.3em;
}
.nav>li>a:悬停{
文本呈现:优化易读性;
背景色:rgba(10,91,196,0.45);
边框:2倍实心rgba(10,91,196,0.45);
边界半径:8px;
盒影:0 10px 10px-10px rgba(0,0,0,0.5);
-webkit转换:比例(1.1);
转换:比例(1.1);
字号:1.6em;
}
.navbar.navbar导航>li.active{
颜色:#F8;
}
.nav>li>a>img{
最大宽度:200px;
保证金:0自动;
边缘顶部:5px;
}
.nav>li>a:悬停,
.nav>li>a:聚焦,
.nav>li>a:激活{
字体大小:1.1米;
}
navfoot先生{
宽度:100%;
左侧填充:10px;
}

经验,不仅仅是销售,还包括开发和;恢复
公司的全资子公司
通常情况下,在手机上,您会在页面下方垂直列出导航项目,而不是水平列出。我会这样做的。我不知道你说的让图标从屏幕外水平滑动是什么意思,请描述你的确切要求。不管怎样,从可用性的角度来看,垂直地做会更好。相信我,我希望我可以,但遗憾的是,这不是需要做的。通过屏幕外滑动,我的意思是水平单Hight导航栏必须保持不变,但是它应该位于滚动框中,除非实际的滚动框滑块隐藏,所以您可以从左向右滑动以查看其他导航栏项目。我很抱歉,如果我没有弄清楚我想做什么,我以前没有见过,所以解释起来很困难。
@import
CSS at规则用于从其他样式表导入样式规则。除了
@charset
规则之外,这些规则必须优先于所有其他类型的规则。您可以查看引导转盘。您描述的功能与此类似。通常,在移动设备上,您会在页面上垂直列出导航项目,而不是水平列出。我会这样做的。我不知道你说的让图标从屏幕外水平滑动是什么意思,请描述你的确切要求。不管怎样,从可用性的角度来看,垂直地做会更好。相信我,我希望我可以,但遗憾的是,这不是需要做的。通过屏幕外滑动,我的意思是水平单Hight导航栏必须保持不变,但是它应该位于滚动框中,除非实际的滚动框滑块隐藏,所以您可以从左向右滑动以查看其他导航栏项目。我很抱歉,如果我没有弄清楚我想做什么,我以前没有见过,所以解释起来很困难。
@import
CSS at规则用于从其他样式表导入样式规则。除了
@charset
规则之外,这些规则必须优先于所有其他类型的规则。您可以查看引导转盘。您描述的功能与此类似。