您当前的位置：首页 > TAG信息列表 > twitter-bootstrap
WordPress+Bootstrap：替换手机上的主导航菜单？
所以，我有一个网站，在顶部有一个主导航栏，在侧栏有一个辅助导航栏。辅助导航在主导航中包含相同的链接，但子页面有下拉菜单。它在桌面上运行得很好，但当导航崩溃时，我会在顶部看到两个导航栏，基本上显示相同的内容。所以，我在想，对于移动设备，由于侧栏导航只是主导航的更详细版本，我只需要将主导航中的菜单替换为侧栏中的菜单，然后隐藏侧栏。本质上，我需要切换侧边栏菜单位置，移动与不同的菜单。但是，我有点困惑于如何做到这一点。Here\'s my header.php: <header id=\"masthe
为什么<i>项不能包含在WordPress中的<li>项中？
我用经典编辑器在WordPress中创建了一个指南。在指南中，我准备在这里创建一个单独的部分，https://www.payuoc.com/home-furnishing-decor/best-mattress/我参考了互联网上的一些引导程序片段。我在文本区域粘贴了此代码<ul class=\"list-inline small\"> <li class=\"list-inline-item m-0\"><i class=\"fa fa-s
修改YouTube嵌入代码以适应主题
我正在使用一个自定义引导模板，其他用户将嵌入youtube视频，我希望这些视频能够响应主题。我该怎么做才能让普通的YouTube嵌入代码，比如：<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/2jna3dWEnzo\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-pic
怎样才能使这个菜单容器成为内容的高度？
我有一个使用Bootstrap 4创建的菜单。我正在使用CSS显示主li（产品）打开时的所有子菜单。一切正常，但容器无法识别嵌套子菜单已打开，因此无法适应正确的高度。登台网站是http://bgp.captchaintherye.com. 我想让容器（#主菜单）在高度上适应，以包括子菜单。
Side Menu Icon Expandable
我一直在寻找合适的方法为我的Understrap儿童主题创建动态侧菜单。我试图创建一些东西，如果菜单有子菜单，那么图标将显示允许扩展内容。So the title would like like this:And once expanded it would show the menu items.<我一直在摆弄自定义的Walker类，并在引导程序和wordpress文档之间来回跳转（使用Understrap）我只是想不通。我可以创建一个下拉列表，但我需要内容来扩展和下推其他内容。有什么想法吗？编辑
如何在引导网格中显示作者列表？
基本上，我很难在网格中显示作者列表：<div class=\"container\"> <div class=\"row\"> <div class=\"col-lg-4\"> <?php wp_list_authors( array( \'show_fullname\' => 1, \'optioncount\' => 1, \'exclude\' =&g
循环两个不同类别的WP_QUERY
我想循环两个不同的类别，以在自定义主题中创建两列的布局。我使用这段代码和bootstrap 4作为前端框架，但我无法使用所有可用于bootstrap的12col。在循环过程中，元素只会正确堆叠一次，我可以通过嵌套循环来解决这个问题吗？<?php $main_news = new WP_Query( array( \'post_type\' => \'post\', \'category_name\' => \'News\',&#x
如何根据计数为Foreach循环中的列自动添加bootstrap 4 Order-LG-1和Order-LG-2类？
如何自动添加引导4order-lg-1 and order-lg-2 基于计数的foreach循环中列的类？PHP and Html Code<?php //get your custom posts ids as an array $howtoplaycontent_args = get_posts(array( \'post_type\' => \'howtoplaycontent\', \
带有WP_QUERY的旋转木马滑块，可在每张幻灯片上显示3个帖子
我试图创建一个引导旋转木马，在每张幻灯片上显示3篇文章。但我的代码在每张幻灯片上只显示一个项目。Here is my code: <div class="col-lg-9"> <div id="popular-services" class="carousel slide" data-ride="carousel">
WordPress不加载jQuery
我想将WordPress与引导一起使用，但WordPress无法正确加载jQuery，因此我收到以下错误消息：未捕获的TypeError：引导程序的JavaScript需要jQuery。jQuery必须包含在引导程序的JavaScript之前。这是我的职能。php：function add_theme_scripts() { wp_enqueue_style(\'bootstrap\', \'https://stackpath.bootstrapcdn.com/bootstrap/4.5.
Bootstrap slider not working
我有一个html引导滑块，它可以很好地与字幕和所有内容配合使用。我想把它整合到我的Wp主题中（我的forst主题，所以完全是新手）。我找到了一个代码，看起来像是helo，但它只显示了三张图片，没有幻灯片。。。如果我硬编码滑块，它就会工作。我知道我可以把它硬编码，但它不是真正的WP；）谢谢。代码如下：函数。php-现在完成文件。function load_stylesheets() { wp_register_style(\'style\', get_template_direct
同一页面上每个小部件的动态引导转盘ID
我已经将引导转盘集成到WordPress小部件中。Carousel要求每个控件都有一个唯一的ID才能工作。因此，如果我使用2个小部件，这意味着在同一页面上有2个旋转木马，那么旋转木马控件将无法工作，并且可能会出现一些问题。考虑到每个小部件在数据库中都应该有一个唯一的id，我在google上搜索如何获取小部件id，我可以检索该id并将其分配给旋转木马id，旋转木马id创建一个唯一的id并让控制器工作。我找不到合适的解决方案，有人能帮忙吗？
最新的Bootstrap能与默认的WordPress jQuery一起正常工作吗？
Wordpress仍然使用jQuery 1.x 因为害怕插件和主题的错误兼容性。他们正在尝试更新它，但您可以看到这还需要一段时间（来源：one, two, three)现在，我正在构建一个WP模板，其中我必须使用最新的Bootstrap CSS框架。问题是引导程序使用最新的jQuery 3.5.1 !那么，最新的引导程序是否可以与默认的Wordpress jQuery一起正常工作？Note: I understand that I can register the latest jQuery and un
自定义“The_Posts_Pagination”并将列表放入div
Hello everybody, 我需要有关自定义wordpress分页的帮助。我想得到这个：这就是我所做的：在函数中。php，我添加了以下代码：function wp_custom_pagination($args = [], $class = \'pagination\') { if ($GLOBALS[\'wp_query\']->max_num_pages <= 1) return; $args = wp_parse_args( $args,
有没有已知的插件可以用Bootstrap 4的等价物取代编辑器中的WordPress类？
上下文：我使用WordPress作为在非WordPress网站上撰写文章的后端（使用Laravel构建，使用Corcel 访问数据，如果有必要的话）。该网站是用Bootstrap 4构建的，在获取用WordPress编写的帖子时，WordPress添加了几个类，用于设置样式，当然，这些类不会转换为Bootstrap。例如，当文章中的图像居中时，WordPress会添加aligncenter css类，如果在引导（4）上下文中呈现，则不会执行任何操作。要实现图像的居中，我必须手动添加mx-auto d-bl
引导菜单栏在桌面模式下显示切换
我在WordPress中设计了一个新主题。我使用引导菜单栏进行响应性设计，但在桌面模式下显示一个切换。<div id="nav"> <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container"> <!-- Brand and
Ajax call undefined index
我试图通过Ajax调用获取ACF字段的内容。这是我的回调函数：function my_ajax_request() { $id = $_POST[\'id\']; if( have_rows(\'carousel_slide\') ): // Loop through rows while( have_rows(\'carousel_slide\') ) : the_row();
为什么我的Bootstrap 5导航栏不在较小的屏幕上显示下拉菜单？
我正在为最新的WordPress开发一个bootstrap 5主题。我在这里使用Navwalker：https://github.com/wp-bootstrap/wp-bootstrap-navwalker. 我的引导导航栏不会在较小的屏幕上下拉。因为我使用的是Bootstrap 5而不是Bootstrap 4，所以它不起作用吗？这是我标题中的代码。php文件：<nav class="navbar navbar-expand-md navbar-dark bg-dark" ro
如何将寄存器侧边栏的‘BEFORE_WIDGET’唯一id生成器用于它的其他参数，如‘BEFORE_TITLE’？
我正在尝试创建一个动态侧栏，它使用bootstrap 4 accordion，小部件标题作为切换链接，小部件内容作为accordion的内容：计划布局：<div class="card"> <div class="card-header"> <a class="collapsed card-link" data-toggle="collapse" href=
使用ACF和CPT UI使引导5.0旋转木马动态化
我正在尝试使用ACF和CPT UI使bootstrap 5.0 carousel（带指示器）动态化。我意识到我需要在data-bs-slide-to 以及其他数字和箭头以及class="active" 也是动态的，但我不知道怎么做。现在，我可以同时显示所有幻灯片—一张放在另一张的上面。如果插入参数\'posts_per_page\' => 1, 然后第一张幻灯片就可以看到了，但旋转木马不会旋转。My code:<!-- Carousel from bootstrap--&g