Bootstrap自适应导航栏

最新推荐文章于 2024-06-04 08:58:47 发布
最新推荐文章于 2024-06-04 08:58:47 发布
阅读量4.6w 收藏 64
点赞数 6
分类专栏： 页面相关
导航栏在移动设备的视图中是折叠的，随着可用视口宽度的增加，导航栏也会水平展开。在 Bootstrap 导航栏的核心中，导航栏包括了站点名称和基本的导航定义样式。

默认的导航栏

1、向 <nav> 标签添加 class .navbar、.navbar-default。
2、向上面的元素添加 role="navigation"，有助于增加可访问性。
3、向 <div> 元素添加一个标题 class .navbar-header，内部包含了带有 class navbar-brand 的 <a> 元素。这会让文本看起来更大
一号
4、为了向导航栏添加链接，只需要简单地添加带有 class .nav、.navbar-nav 的无序列表即可。

[html]  view plain copy print ?
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.     <meta charset = "utf-8">  
  5.     <title>demo</title>  
  6.     <link href="bootstrap-3.3.4-dist/css/bootstrap.min.css" rel="stylesheet">  
  7.     <script type="text/javascript" src = "bootstrap-3.3.4-dist/jquery-2.1.4.min.js"></script>  
  8.     <script type="text/javascript" src = "bootstrap-3.3.4-dist/js/bootstrap.min.js"></script>  
  9. </head>  
  10. <body>  
  11.     <nav class = "navbar navbar-default" role = "navigation">  
  12.         <div class="navbar-header">  
  13.             <a class="navbar-brand">hello</a>  
  14.         </div>  
  15.         <ul class="nav navbar-nav">  
  16.             <li class="active"><a href="#">网站首页</a></li>  
  17.             <li><a href="#">JS开发</a></li>  
  18.             <li><a href="#">html</a></li>  
  19.             <li><a href="#">jquery</a></li>  
  20.               
  21.             <li class="dropdown">  
  22.                 <a href="#" class="dropdown-toggle" data-toggle = "dropdown">前端学习 <span class="caret"></span></a>  
  23.   
  24.                 <ul class="dropdown-menu">  
  25.                     <li><a href="#">html+css学习</a></li>  
  26.                     <li><a href="#">javascript学习</a></li>  
  27.                     <li><a href="#">jquery学习</a></li>  
  28.                     <li class="divider"></li>  
  29.                     <li><a href="#">bootstrap学习</a></li>  
  30.                     <li><a href="#">less/sass学习</a></li>  
  31.                     <li><a href="#">angularJS学习</a></li>  
  32.                 </ul>  
  33.             </li>  
  34.         </ul>  
  35.     </nav>  
  36. </body>  
  37. </html>  



响应式的导航栏

1、将要折叠的内容包含在带有class .collapse和.navbar-collspae的<div>中。
2、折叠起来的导航栏是带有class .navbar-toggle以及data-toggle和data-target两个属性的按钮，data-toggle用于告诉javascript
需要对按钮做什么，此处是折叠：collapse，data-target用于指示折叠哪个元素，此处是1中的导航菜单，data-target的属性值是要
指定的元素的id。
3、button中使用带有class .icon-bar的<span>创建所谓的汉堡按钮（就是按钮中多了几个横线）

[html]  view plain copy print ?
  1. <body>  
  2.     <nav class = "navbar navbar-default" role = "navigation">  
  3.         <div class="navbar-header">  
  4.             <button type="button" class="navbar-toggle" data-toggle = "collapse"  data-target = "#target-menu">  
  5.                 <span class="sr-only">qieh</span>  
  6.                 <span class="icon-bar"></span>  
  7.                 <span class="icon-bar"></span>  
  8.                 <span class="icon-bar"></span>  
  9.             </button>  
  10.             <a class="navbar-brand">hello</a>  
  11.         </div>  
  12.         <div class="collapse navbar-collapse" id = "target-menu">  
  13.             <ul class="nav navbar-nav">  
  14.                 <li class="active"><a href="#">网站首页</a></li>  
  15.                 <li><a href="#">JS开发</a></li>  
  16.                 <li><a href="#">html</a></li>  
  17.                 <li><a href="#">jquery</a></li>  
  18.   
  19.                 <li class="dropdown">  
  20.                     <a href="#" class="dropdown-toggle" data-toggle = "dropdown">前端学习 <span class="caret"></span></a>  
  21.                     <ul class="dropdown-menu">  
  22.                         <li><a href="#">html+css学习</a></li>  
  23.                         <li><a href="#">javascript学习</a></li>  
  24.                         <li><a href="#">jquery学习</a></li>  
  25. <pre name="code" class="html">                        <li class="divider"></li>                          
<li><a href="#">bootstrap学习</a></li> <li><a href="#">less/sass学习</a></li> <li><a href="#">angularJS学习</a></li> </ul> </li> </ul> </div> </nav></body> 

 

  
 

 
 

 当屏幕的宽度大于等于768px时，显示与默认的导航栏相同，而屏幕宽度小于768px时，显示效果如下：
 
 
 

 注意:data-target的属性值其实是： #+id，如果只写成id，点击折叠按钮是没有任何反应的，另外，需要引入折叠插件，或者因为
 

 bootstrap.min.js和jquery.js
 
 

 
 

 导航栏中的表单
 
导航中的form表单，需要使用class navbar-form，这确保了表单垂直对齐和在较窄的视口中的折叠行为。使用对齐方式选型来决定 
 

 
 

 导航栏的内容放置在哪里，此处使用了navbar-right，居于右侧（如果使用navbar-left那么就会居于左侧，默认是左侧）。
 
 

 
 
 

 
 

 
 
 
  
 
   [html]  
   view plain 
   copy 
   print 
   ? 
   
 
   
 
  
 
 
 
 
  1.  <body>  
  2.      <nav class = "navbar navbar-default" role = "navigation">  
  3.          <div class="navbar-header">             
  4.              <a class="navbar-brand">hello</a>  
  5.          </div>  
  6.          <div>  
  7.              <ul class="nav navbar-nav">  
  8.                  <li class="active"><a href="#">网站首页</a></li>  
  9.                  <li><a href="#">JS开发</a></li>  
  10.                  <li><a href="#">html</a></li>  
  11.                  <li><a href="#">jquery</a></li>  
  12.              </ul>  
  13.              <form class="navbar-form navbar-right" role="search">  
  14.                  <div class="form-group">  
  15.                      <input type="text" class="form-control" placeholder="Search">  
  16.                  </div>  
  17.                  <button type="submit" class="btn btn-default">提交</button>  
  18.              </form>   
  19.          </div>  
  20.      </nav>  
  21.  </body>  
 

 

 

 
 

 
 
 

 
 
 

 
 

 导航栏中的按钮
 
不在 <form> 中的 <button>或者a 元素。通过 
添加class  
.navbar-btn，使得按钮在导航栏上垂直居中 

 

 
 

 
 
 

 
 

 
 
 
  
 
   [html]  
   view plain 
   copy 
   print 
   ? 
   
 
   
 
  
 
 
 
 
  1.  <body>  
  2.      <nav class = "navbar navbar-default" role = "navigation">  
  3.          <div class="navbar-header">             
  4.              <a class="navbar-brand">hello</a>  
  5.          </div>  
  6.          <div>  
  7.              <ul class="nav navbar-nav">  
  8.                  <li class="active"><a href="#">网站首页</a></li>  
  9.                  <li><a href="#">JS开发</a></li>  
  10.                  <li><a href="#">html</a></li>  
  11.                  <li><a href="#">jquery</a></li>  
  12.              </ul>  
  13.              <form class="navbar-form navbar-right" role="search">  
  14.                  <div class="form-group">  
  15.                      <input type="text" class="form-control" placeholder="Search">  
  16.                  </div>  
  17.                  <button type="submit" class="btn btn-default">提交</button>  
  18.              </form>   
  19.              <button type="button" class="btn btn-primary navbar-btn">button按钮</button>  
  20.              <a href = "#" class="btn btn-warning navbar-btn">链接按钮</a>  
  21.          </div>  
  22.      </nav>  
  23.  </body>  
 

 

 

 
 

 
 
 

 
 

 导航栏中的文本
 

 
 使用 class .navbar-text，确保适当的前导和颜色。 

 

 

 
 

 
 

 
 
 
  
 
   [html]  
   view plain 
   copy 
   print 
   ? 
   
 
   
 
  
 
 
 
 
  1.  <body>  
  2.      <nav class = "navbar navbar-default" role = "navigation">  
  3.          <div class="navbar-header">             
  4.              <a class="navbar-brand">hello</a>  
  5.          </div>  
  6.          <div>  
  7.              <ul class="nav navbar-nav">  
  8.                  <li class="active"><a href="#">网站首页</a></li>  
  9.                  <li><a href="#">JS开发</a></li>  
  10.                  <li><a href="#">html</a></li>  
  11.                  <li><a href="#">jquery</a></li>  
  12.              </ul>  
  13.              <p class="navbar-text">导航栏中文字  
  14.                  <a href="#" class="navbar-link">链接</a>  
  15.              </p>  
  16.          </div>  
  17.      </nav>  
  18.  </body>  
 

 

 

 
 

 
 
 

 
 

 非导航链接
 

 
 使用 class navbar-link 为默认的和倒转的导航栏选项添加适当的颜色，因为默认的a标签的样式可能与导航栏的样式不协调 

 

 

 
 

 
 

 
 
 
  
 
   [html]  
   view plain 
   copy 
   print 
   ? 
   
 
   
 
  
 
 
 
 
  1.  <body>  
  2.      <nav class = "navbar navbar-default  navbar-inverse" role = "navigation">  
  3.          <div class="navbar-header">             
  4.              <a class="navbar-brand">hello</a>  
  5.          </div>  
  6.          <div>  
  7.              <ul class="nav navbar-nav">  
  8.                  <li class="active"><a href="#">网站首页</a></li>  
  9.                  <li><a href="#">JS开发</a></li>  
  10.                  <li><a href="#">html</a></li>  
  11.                  <li><a href="#">jquery</a></li>  
  12.              </ul>  
  13.              <p class="navbar-text">导航栏中文字  
  14.                  <a href="#" class="navbar-link">链接</a>  
  15.              </p>  
  16.          </div>  
  17.      </nav>  
  18.      <div style="background-color:#CCCCCC;height:1000px;">          
  19.      </div>  
  20.      <div style="background-color:#BFFF70;height:200px;">          
  21.      </div>  
  22.  </body>  
 

 

 

 
 

 
 

 固定到顶部
 
如果想要让导航栏固定在页面的顶部，向  
.navbar class 添加 class .navbar-fixed-top。为了防止导航栏与页面主体中的其他内容 
 

 
 

 的顶部相交错，需要向 <body> 标签添加内边距，内边距的值至少是导航栏的高度。
 
 

 
 

 
 
 
  
 
   [html]  
   view plain 
   copy 
   print 
   ? 
   
 
   
 
  
 
 
 
 
  1.  <body>  
  2.      <nav class = "navbar navbar-default navbar-static-top" role = "navigation">  
  3.          <div class="navbar-header">             
  4.              <a class="navbar-brand">hello</a>  
  5.          </div>  
  6.          <div>  
  7.              <ul class="nav navbar-nav">  
  8.                  <li class="active"><a href="#">网站首页</a></li>  
  9.                  <li><a href="#">JS开发</a></li>  
  10.                  <li><a href="#">html</a></li>  
  11.                  <li><a href="#">jquery</a></li>  
  12.              </ul>  
  13.              <p class="navbar-text">导航栏中文字  
  14.                  <a href="#" class="navbar-link">链接</a>  
  15.              </p>  
  16.          </div>  
  17.      </nav>  
  18.      <div style="background-color:#CCCCCC;height:1000px;">          
  19.      </div>  
  20.      <div style="background-color:#BFFF70;height:200px;">          
  21.      </div>  
  22.  </body>  
 

 

 
为了能够看出效果，此处添加了两个有背景色的div。 

 

 
 

 
 
 

 
 
 

 
 

 
 固定到底部，只需要把class .navbar-fixed-top换成.navbar-fixed-bottom即可，不需要在body中添加内边距。 

 

 
  
 
对于给nav添加 .navbar-static-top class，实在是没有看出有什么作用，开始以为是能够创建一个浮动的导航条的。
 

 

 反色的导航栏
 
向  
.navbar class 添加 .navbar-inverse class，创建一个带有黑色背景白色文本的导航栏 
 

 
 

 
 

 
 
 
  
 
   [html]  
   view plain 
   copy 
   print 
   ? 
   
 
   
 
  
 
 
 
 
  1.  <body>  
  2.      <nav class = "navbar navbar-default  navbar-inverse" role = "navigation">  
  3.          <div class="navbar-header">             
  4.              <a class="navbar-brand">hello</a>  
  5.          </div>  
  6.          <div>  
  7.              <ul class="nav navbar-nav">  
  8.                  <li class="active"><a href="#">网站首页</a></li>  
  9.                  <li><a href="#">JS开发</a></li>  
  10.                  <li><a href="#">html</a></li>  
  11.                  <li><a href="#">jquery</a></li>  
  12.              </ul>  
  13.              <p class="navbar-text">导航栏中文字  
  14.                  <a href="#" class="navbar-link">链接</a>  
  15.              </p>  
  16.          </div>  
  17.      </nav>  
  18.      <div style="background-color:#CCCCCC;height:1000px;">          
  19.      </div>  
  20.      <div style="background-color:#BFFF70;height:200px;">          
  21.      </div>  
  22.  </body>  
 

 

 

                

        

        

    




    

      

        

            

              
                
                  sunqian_happy
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    6
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    64
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  5
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
bootstrap实现响应式自适应导航栏，并实现平滑滚动

				
			

			

				

					07-11
				

			

		

		

			
				
利用bootstrap和jQuery制作的一个响应式导航栏，即能够监听页面滚动事件，当页面滚动到页面某位置时导航栏会自动发生变化。同时点击导航栏滚动时利用简单的jQuery实现了平滑滚动。而且能自适应屏幕大小的变化，监听了onresize事件。

			
		

	



                

              
                



	

		

			

				
					
bootstrap 实现自适应导航栏

				
			

			

				

					Future1994的博客
				

				

					09-20
					
					1786
					
				

			

		

		

			
				
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>Bootstrap--模板</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compati.

			
		

	



                


  
              

                


	

		

			

				
					
BootStrap入门到实战：BootStrap组件（二）- 输入框组、导航、导航条、路径导航（面包屑效果）

					
最新发布

				
			

			

				

					林林一928的博客
				

				

					06-04
					
					759
					
				

			

		

		

			
				
导航标签用于在网页上创建各种风格的导航栏，包括水平标签页、胶囊式标签页、垂直堆叠的胶囊式标签页、两端对齐的胶囊式标签页、禁用的链接以及带下拉菜单的标签页。bootstrap的导航条是一个高度可定制的界面组件，它不仅支持丰富的界面元素配置，还提供了灵活的空间布局策略。在实际运用场景中，输入组（Input Group）在Bootstrap框架中主要用于提高表单的可读性和用户友好性，通过将相关控件组合在一起，为用户提供更直观、更易于操作的表单体验。添加相应的尺寸类，其内部包含的元素将自动调整自身的尺寸。

			
		

	





	

		

			

				
					
响应式布局2：手写响应式导航栏（BootStrap实现以及原生实现）

				
			

			

				

					stu_kk的博客
				

				

					12-18
					
					2988
					
				

			

		

		

			
				
响应式布局2：手写响应式导航栏（BootStrap实现以及原生实现）笔记

			
		

	



		

			
		



	

		

			

				
					
Bootstrap4(二十)

				
			

			

				

					shi199434的博客
				

				

					12-18
					
					1037
					
				

			

		

		

			
				
Bootstrap4 导航栏

导航栏一般放在页面的顶部。

我们可以使用 .navbar 类来创建一个标准的导航栏，后面紧跟: .navbar-expand-xl|lg|md|sm 类来创建响应式的导航栏
 (大屏幕水平铺开，小屏幕垂直堆叠)。

导航栏上的选项可以使用  元素并添加 class="navbar-nav" 类。
 然后在  元素上添加 .nav-item 类，  

			
		

	





	

		

			

				
					
bootstrap 导航栏自适应

				
			

			

				

					在路上
				

				

					07-17
					
					1620
					
				

			

		

		

			
				
参考链接如下：
https://blog.csdn.net/sunqian_happy/article/details/50498547



			
		

	





	

		

			

				
					
Bootstrap自适应导航栏（带搜索框）

					
热门推荐

				
			

			

				

					weixin_43751710的博客
				

				

					05-01
					
					2万+
					
				

			

		

		

			
				
使用Bootstrap创建的导航栏，最为原始的，没有任何的自定义颜色什么的
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<!--声明文档兼容模式，表示使用IE浏览器的最新模式-->
    <meta http-equiv="X-UA-Compat...

			
		

	





	

		

			

				
					
Bootstrap-html渐变顶部固定自适应导航栏

				
			

			

				

					12-12
				

			

		

		

			
				
本示例主要关注如何使用Bootstrap来创建一个具有渐变色彩和顶部固定的自适应导航栏，这对于现代网页设计至关重要。  首先，让我们深入理解这个"Bootstrap-html渐变顶部固定自适应导航栏"的概念。渐变导航栏是指在...

			
		

	





	

		

			

				
					
Bootstrap实现渐变顶部固定自适应导航栏

				
			

			

				

					11-29
				

			

		

		

			
				
具体代码如下所示：  <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;...link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap

			
		

	





	

		

			

				
					
bootstrap边学边记（三）导航栏实现自适应

				
			

			

				

					weixin_40842539的博客
				

				

					02-05
					
					553
					
				

			

		

		

			
				
除夕快乐，过年就要好好玩，同时不要忘记学习技术哦~
现在导航栏：

这时候如果需求说，导航栏要变成这类的居中布局

操作：
1.在bootstrap,有个类名&amp;lt;div class=&quot;container&quot;&amp;gt;&amp;lt;/div&amp;gt;，&amp;lt;复制下  包住导航条
效果:
但是你在手机看到，太丑了！！！我们应该让他的宽充满屏幕

2.为什么会这样呢，我们来看.cont

			
		

	





	

		

			

				
					
使用原生js css 实现 bootstrap类似的    自适应导航栏

				
			

			

				

					Future1994的博客
				

				

					09-20
					
					394
					
				

			

		

		

			
				
实现结果如下：

大屏幕时候（pc）



小屏幕时候：









可以发现变成小屏幕的时候 形成了折叠按钮 按钮点击会形成下拉框 下拉框中的内容就是之前的链接模块。

需要注意的是这里下拉模块把下方的正文内容往下顶了 真实的手机端 大部分是会形成一个浮动层 悬浮到上层不占据空间，所以有多种方法：1.原生、js都可以自己写一个满意的组件 2.vue很多有组件库 很方便结合组件库和css3 media query技术是手段来完成功能。

代码如下：


<!DOCTYPE html&g...

			
		

	





	

		

			

				
					
Bootstrap制作 精美渐变顶部固定自适应导航栏

				
			

			

				

					Dreams of JAVAD
				

				

					05-19
					
					5270
					
				

			

		

		

			
				
<!DOCTYPE html>  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  
    <title></title>  
    <meta charset="utf-8" />
    <link href="<%=path%>/css/style.css" re

			
		

	





	

		

			

				
					
Bootstrap自适应导航栏的实现

				
			

			

				

					Sakura__Lu的博客
				

				

					11-20
					
					1754
					
				

			

		

		

			
				
bootstrap的导航栏有成熟的组件，在移动端和PC端都能够做到自适应，这里只是稍微做了一点修改，做一下笔记~

效果图：



代码如下:


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 在移动端不缩放 -->
    <...

			
		

	





	

		

			

				
					
html自适应导航栏怎么写,超漂亮自适应的导航菜单，纯CSS写的

				
			

			

				

					weixin_33054119的博客
				

				

					06-09
					
					1193
					
				

			

		

		

			
				
CSS滑动门导航菜单下载#top { display: block; text-align: left; height:105px;  position: relative; z-index: 0;}.m { margin:0 auto; width: 970px; }body{ font-size:12px;}a{color:#333;text-decoration: none;}a:link ...

			
		

	





	

		

			

				
					
Bootstrap静止在页面底部的导航栏

				
			

			

				

					P_的博客
				

				

					10-08
					
					8315
					
				

			

		

		

			
				
用Bootstrap制作页面，使用&lt;header&gt;&lt;content&gt;&lt;footer&gt;结构时会遇到，页面内容较少，底部栏或页脚浮到页面中间。

Bootstrap本身提供了navbar-fixed-top 、navbar-fixed-bottom 、navbar-static-top三种方式使用导航条，却无法解决此问题，我们需要navbar-static-bott...

			
		

	





	

		

			

				
					
Bootstrap 响应式导航栏

				
			

			

				

					美奇软件开发工作室
				

				

					04-12
					
					6244
					
				

			

		

		

			
				
导航栏是一个很好的功能，是 Bootstrap 网站的一个突出特点。导航栏在您的应用或网站中作为导航页头的响应式基础组件。导航栏在移动设备的视图中是折叠的，随着可用视口宽度的增加，导航栏也会水平展开。在 Bootstrap 导航栏的核心中，导航栏包括了站点名称和基本的导航定义样式。默认的导航栏创建一个默认的导航栏的步骤如下：向 &lt;nav&gt; 标签添加 class .navbar、.nav...

			
		

	





	

		

			

				
					
【web】一个自适应的导航栏前端设计（只含HTML+CSS）

				
			

			

				

					萌狼蓝天の技术栈
				

				

					09-14
					
					2532
					
				

			

		

		

			
				
上一篇文章：【前端】CSS实现图片文字对齐 并随着设备尺寸改变而改变大小
本文是基于上一篇文章的补充。
效果如下



HTML源码

点击查看HTML代码
<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="...

			
		

	





	

		

			

				
					
bootstrap自适应导航栏

				
			

			

				

					weixin_42595284的博客
				

				

					09-17
					
					2538
					
				

			

		

		

			
				
&lt;!DOCTYPE html&gt;
&lt;html lang="zh-CN"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 5

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值