码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • Bootstrap的导航元素和Well详解【前端Bootstrap框架】


    )

    Well

    Well是一种容器,可以引起内容抑制显示或插图效果。要创建一口井,只需将内容放入class.well的

    。演示:

    黎燃
    • 1

    在这里插入图片描述
    大小:可以使用可选类别well LG或well SM来更改井的大小。这两个类与一起使用。。这两个类将影响填充。根据使用的类别,well将显示得更大或更小。

    
    
    
    	 
    	Bootstrap 实例 - Well 的尺寸大小
    	
    	
    	
    
    
    
    
    黎燃
    黎燃
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16

    这两个类将影响填充。根据使用的类别,well将显示得更大或更小运行结果如下:
    在这里插入图片描述

    导航元素

    表格导航或标签
    创建选项卡式导航菜单:
    从class.Nav的无序列表开始。
    添加类。导航选项卡。

    标签式的导航菜单

    • Home
    • SVN
    • iOS
    • VB.Net
    • Java
    • PHP
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9

    导航元素运行结果如下:
    在这里插入图片描述
    胶囊导航菜单
    基本胶囊导航菜单
    如果需要将标签更改为胶囊样式,则只需要使用类。Nav药片代替。导航标签,其他步骤同上。
    基本的胶囊式导航菜单如图:
    在这里插入图片描述
    对齐导航
    可以使用。导航标签或。导航药丸使用类。同时调整导航,使选项卡式或胶囊式导航菜单与父元素一样宽。在较小的屏幕上,导航链接堆叠在一起。
    在这里插入图片描述
    禁用链接
    对于每个。导航类,如果添加了.Disabled类,将创建一个灰色链接,并且链接的:悬停状态将被禁用,如以下示例所示:

    导航元素中的禁用链接

    • Home
    • SVN
    • iOS(禁用链接)
    • VB.Net
    • Java
    • PHP


    • Home
    • SVN
    • iOS
    • VB.Net(禁用链接)
    • Java
    • PHP
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17

    禁用链接运行结果如下:
    在这里插入图片描述

  • 相关阅读:
    如何高效快速背笔记?
    1688平台商品详情api接口
    不单独部署注册中心,又要具备注册中心的功能,咋不让我上天?
    基于循环神经网络空中目标意图识别实现(附源码)
    分权分域有啥内容?
    文献学习-37-动态场景中任意形状针的单目 3D 位姿估计:一种高效的视觉学习和几何建模方法
    【Push Kit】关于推送消息没有锁屏通知的问题
    gitee使用教程
    SpringCloud微服务
    (CVPR 2019) 3D-SIS: 3D Semantic Instance Segmentation of RGB-D Scans
  • 原文地址:https://blog.csdn.net/weixin_57198749/article/details/126005046
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号