程序员经验分享-hwhale

如何在 Bootstrap 4 中创建页眉？

2024-01-07

自从.page-header类在 Bootstrap 4 中已被弃用，如何创建与 Bootstrap 3 样式相同的页面标题.page-header class?


根据迁移文档 https://getbootstrap.com/docs/4.0/migration/#typography, the Bootstrap 4 实用程序类 https://getbootstrap.com/docs/4.0/utilities应该使用：

<div class="pb-2 mt-4 mb-2 border-bottom">
      Page header
</div>

https://codeply.com/go/20jBKvMkHx https://codeply.com/go/20jBKvMkHx

  • pb-2 - 填充底部 2 个间隔单元
  • mt-4 - 边距顶部 4 个间隔单元
  • mb-2 - 边距底部 2 个间隔单元
  • 边框底部 - 边框底部: 1px 实心 rgb(222, 226, 230)
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

twitterbootstrap3

Bootstrap4

deprecated

如何在 Bootstrap 4 中创建页眉？ 的相关文章

  • 如何在 Bootstrap 4 中隐藏和替换 navbar-toggler-icon？

    如何隐藏和替换 Bootstrap 4 中的导航栏切换图标 现在 下面的代码只是将 X 放在汉堡菜单下方

  • 循环浏览 Bootstrap 3 jumbotron 的背景图像

    我正在尝试获取 3 个图像作为 Bootstrap 3 jumbotron 的背景循环播放 但问题是我在大屏幕中有 3 个 div 到目前为止我尝试过的所有解决方案都要求我将大屏幕的位置更改为相对位置 将背景图像更改为绝对位置 而且因为我试

  • Bootstrap Glyphicons 在 IE10 或 FF 中不显示

    我无法在 IE10 或 FF 中显示引导字形图标 我正在使用最新的 bootstrap 3 代码 并以标准方式包含字形 span class glyphicon glyphicon edit span 它们在 Chrome 中工作正常 但在

  • 背景图像上的透明导航栏

    我试图找出让我的英雄 背景图像位于透明 Bootstrap 4 导航栏后面的最佳方法 一些建议是将背景图像应用到页面的 这是可行的 但我不希望应用程序内的所有其他静态页面上都有背景图像 只有登陆页面 Rails 应用程序 我尝试在导航栏和

  • cakephp 1.1 与 php 5.3

    我刚刚从 php 5 1 升级到 5 3 之前在我的服务器上使用 cakephp 1 1 自从升级 或者可能更早 我不确定 以来 我收到以下错误 任何人都可以透露一些信息 Deprecated Assigning the return va

  • 引导标签输入宽度

    我正在尝试使用引导程序标签输入 http timschlechter github io bootstrap tagsinput examples 以模态中包含的形式 像这样 div class form group div

  • Bootstrap 3 / 显示模式不适用于 javascript 方式

    我用Modal http getbootstrap com javascript modalsBootstrap 3 0 的功能 我有这个代码 a href myNestedContent Open the modal containing

  • startDrag 方法 已弃用且无法编译程序

    startDrag android content ClipData android view View DragShadowBuilder java lang Object int 已弃用 如何解决这个问题而又不失去对旧版本的兼容性 还有

  • Bootstrap 4 轮播标题在小型设备上不可见

    我正在练习 bootstrap 4 轮播示例 其中给出http v4 alpha getbootstrap com examples http v4 alpha getbootstrap com examples 在移动设备或小屏幕上测试时

  • Jquery.Validate - 基于哪个选项卡添加/删除规则

    我有一个 Bootstrap 4 选项卡式界面 每个选项卡上都有输入框 我想允许用户根据他们所在的选项卡输入不同的必填字段 因此我希望根据该选项卡添加或删除验证 无论用户位于哪个选项卡 还有一些强制输入 我所做的是创建一个默认验证函数 添加

  • Xpages 让 Select 2 与当前扩展库一起使用

    我已经安装了最新的扩展库 并正在使用 Bootstrap 构建 Xpages 应用程序 Select 2 不包含在当前的 Ext Lib 中 它包含在 Xpages4Bootstrap 中 虽然这是一个很好的扩展 但我不确定我是否真的应该包

  • 如何在 PHP 5.5 中获取文件的 MIME 类型？

    我在用mime content type 在 PHP 5 5 中获取 MIME 类型 但它抛出fatal error function not found 如何在 PHP 5 5 上实现这一目标 利用finfo http www php n

  • 仅对小型设备使用偏移的中心引导列

    我正在尝试在图像旁边显示文本 我希望它仅在设备宽度低于 767px 时才堆叠 否则 我希望他们肩并肩 在此堆叠过程中 图像具有响应性 因此它占据了文本上方的整行 为了避免这种情况 我尝试在列为xs时限制列的大小 这可确保图像在指定的列大小内

  • Bootstrap 3 RC 1 准备好投入生产了吗？ [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我今天要开始一个巨大的项目 我选择 Zurb 基金会是因为他们 非常 良好的移动优先策略 当我几个月前开始四处寻找时 Bootstrap 3 还

  • Bootstrap 4 列和行产生不需要的填充[重复]

    这个问题在这里已经有答案了 我正在尝试使用 bootstrap 创建列和行来放置我的图像 但是在图像周围添加了太多的填充 这导致我的图像看起来不像设计 这就是我构建 HTML 的方式

  • PHP 7.4 已弃用 get_magic_quotes_gpc 函数替代

    我遇到了我的旧代码之一正在使用的情况get magic quotes gpc 最新版本已弃用PHP 版本 7 4 目前 我有这样的事情 添加斜杠 return get magic quotes gpc addslashes string s

  • 使用 SASS（从命令行）和 Autoprefixer（对于 Bootstrap 4.x）

    我最近开始使用scss文件 尤其是自定义文件引导程序 为了编译我的 scss 文件 以及引导程序 我使用sass https sass lang com 从命令行 例子 sass path to scss bootstrap mycusto

  • 下拉菜单将导航栏向下推。如何避免呢？

    我是引导程序和网络开发的新手 我想构建一个具有两个导航栏的网页 并且根据屏幕尺寸 仅显示一个导航栏 对于屏幕尺寸 gt 768px 一切工作正常 至少看起来 对于较低的分辨率 下拉菜单将导航栏向下推到内容上方 如何避免这种情况 任何形式的帮

  • Twitter Typeahead 上使用 Bootstrap 3 的 CSS 问题

    随着 Bootstrap 3 的发布 Typeahead 已被删除 取而代之的是 https github com twitter typeahead js https github com twitter typeahead js 我已经

  • 禁用 Bootstrap 中的链接

    第一个例子没有成功 我需要始终有一个列表来禁用链接 或者我的第一个演示有什么问题 a class disabled href Disabled link a ul class nav nav pills li class disabled

随机推荐

热门标签