Bootstrap自适应导航栏的实现

最新推荐文章于 2024-05-14 09:55:02 发布

Sakura__Lu

最新推荐文章于 2024-05-14 09:55:02 发布

阅读量1.7k

点赞数 2

分类专栏：重学前端----css篇

本文链接：https://blog.csdn.net/Sakura__Lu/article/details/103158473

版权

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

效果图：

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 在移动端不缩放 -->
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>导航条</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
 
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
 
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
 
<

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Sakura__Lu

关注关注

2
点赞
踩
17

收藏

觉得还不错? 一键收藏
0
评论
Bootstrap自适应导航栏的实现

bootstrap的导航栏有成熟的组件，在移动端和PC端都能够做到自适应，这里只是稍微做了一点修改，做一下笔记~效果图：代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">  <...
复制链接

扫一扫