Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.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
Javascript 有没有办法将引导中的导航栏切换按钮添加为屏幕上的固定按钮?_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 有没有办法将引导中的导航栏切换按钮添加为屏幕上的固定按钮?

Javascript 有没有办法将引导中的导航栏切换按钮添加为屏幕上的固定按钮?,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我想添加导航栏切换按钮,如图所示 在我的html页面中 但是,bootstrap为我们提供了创建此类按钮的选项 我不想任何正常的按钮,特别是要第一个图像。 有办法做到这一点吗 最终答案分为两部分: 正在处理的初始代码。以及最终使用的结果。 两者都可以用来创建一个菜单图标,看起来像“导航栏切换”按钮。但它总是固定在屏幕上 初始试用代码 在引导中使用 位于右上角 CSS目标明确(可以改变颜色)且响应迅速 .ham菜单,.ham菜单span{ -webkit过渡:所有500毫秒的缓速; -m

我想添加导航栏切换按钮,如图所示

在我的html页面中

但是,bootstrap为我们提供了创建此类按钮的选项

我不想任何正常的按钮,特别是要第一个图像。
有办法做到这一点吗

最终答案分为两部分: 正在处理的初始代码。以及最终使用的结果。 两者都可以用来创建一个菜单图标,看起来像“导航栏切换”按钮。但它总是固定在屏幕上

初始试用代码

  • 在引导中使用
  • 位于右上角
  • CSS目标明确(可以改变颜色)且响应迅速
.ham菜单,.ham菜单span{
-webkit过渡:所有500毫秒的缓速;
-moz转换:所有500毫秒都放松;
-o型过渡:所有500ms的放松;
过渡:所有500ms都放松;
光标:指针;
}
.ham菜单{边框:2px实心#666;宽度:32px;填充:1px;边框半径:3px;位置:绝对;右侧:5px;顶部:5px;}
.ham菜单.行{边框:3px实心#666;行高:0;字体大小:0;显示:块;边距:2px;}
.ham menu.line.small{边框宽度:2px;}
.ham菜单:悬停{边框颜色:#99f;}
.ham菜单:悬停span{边框颜色:#ccf;}


悬停并查看

Meghna类似的内容??对像这样的东西将永远存在那里。“on toggle code”的javascript已经制作好了,所以我只需要CSS或者一种使用现有引导代码的方法。我现在可以使用现有的菜单图标(),但如果我可以使用该图标,我将相应地修改代码。@MeghnaNatraj您仍然存在此问题还是解决了此问题?@PraveenKumar仍然存在此问题:/@MeghnaNatraj看起来我可以解决它。在JSBin中为您编写HTML<代码>:)