Questions tagged [twitter-bootstrap]
Twitter Bootstrap is a front-end framework designed to kick-start development of Web apps and sites
340
questions
0
votes
0
answers
16
views
Nav walker bootstrap: Display 3rd level and 4th level in dropdown menu
I am using the WP_bootstrap_navwalker for a dropdown menu that opens to the side . This works fine, but it only shows me the first and second level items, i want it to show the third and fourth level.
...
- 1
0
votes
1
answer
138
views
Dropdown Toggle Split in Bootstrap Navwalker Wordpress
It's about Wordpress Theme Development.
When working on a WordPress theme using Bootstrap 5, I used Bootstrap NavWalker to create a navigation bar (navbar). The dropdown feature is already built into ...
- 15
0
votes
1
answer
141
views
How can I show wp blog post in html site?
I have a website that is built with HTML and Bootstrap and have a blog with WordPress (here is the link https://satisfyhost.com/blog/. Now I want to show my blog posts last 3 or 4 on my main website. ...
- 1
0
votes
0
answers
132
views
How can I display a layout differently depending on whether the user is on Mobile or PC?
I am currently working on a website for which I have to display the different features of a product. When imagining the design, I had a very different layout for mobile and PC that would, in my ...
- 3
0
votes
0
answers
77
views
Remove Wordpress Menu Classes and ID with Bootstrap Walker
How to remove generated WordPress menu classes and id and only keep the Bootstrap recommended ones without affecting the functionality of the Navbar.
I found this code which looks good and I've ...
- 111
1
vote
1
answer
2k
views
WordPress nav Walker - Bootstrap 5.2.3 - submenu not opening
I'm trying to integrate WordPress Nav Walker with a two level dropdown, so:
URL
-URL2
--URL2
--URL23
I am using this code:
wp_nav_menu(array(
'theme_location' => 'main-menu',
...
- 115
0
votes
1
answer
84
views
How to enqueue Bootstrap 4.6 js & css from local files
I currently have Bootstrap 4.6 js and css loading from Bootstrap CDNs in WordPress via wp_enqueue_script and wp_enqueue_style respectively in the functions.php file
wp_enqueue_script( 'bootstrap-js', '...
- 127
0
votes
1
answer
46
views
Enueue script for bootstrap
I am a newbie building a wp-blog based on a Bootstrap theme and want to enable JS – and I don't get it to work. This is my code in the functions.php :
function twentySven_register_scripts() {
...
- 105
-1
votes
1
answer
175
views
Custom theme – Bootstrap CSS not loading via wp_enqueue_style or otherwise
I'm designing a custom Theme using the underscores.me template. I've read several different "my css doesn't load" articles on this topic, but none seem to help w/ my issue.
My own styles ...
0
votes
1
answer
78
views
Add an anchor link to a 'plain' HTML file, without over-writing the entire site?
I have a simple site where WordPress provides the general look-and-feel, and overall page structure, but the important pages are actually plain HTML, styled by Bootstrap. These are manually created in ...
- 127
0
votes
1
answer
229
views
I don't think WordPress is loading jquery or bootstrap js
I'm building a WordPress theme and I've used the code from https://codeinhouse.com/how-to-create-custom-post-type-slider-in-wordpress-without-plugin/ to build my slider I've also used https://github....
- 5
0
votes
1
answer
185
views
WordPress navigation wont appear with wp_head
so im building a custom theme and ive got stuck on the navigation
if i use wp_head(); it loads bootstrap and my custom style sheet but not the navigation
if i use get_header(); it loads the navigation ...
- 5
1
vote
1
answer
1k
views
Bootstrap and jQuery error: $ is not defined
I'm trying to use the Bootstrap collapse component and just can't get it to work. I believe the HTML is proper, but whenever I click on the element that should trigger the collapse, I get an Uncaught ...
- 33
1
vote
0
answers
198
views
How to use in Block Editor - react-bootstrap?
I want to use in Guttenberg block some of tools used in react-bootstrap but something not work in my code property.
First I npm install react-bootstrap [email protected] the newest version, and this is ...
0
votes
1
answer
480
views
porto theme pagination on woocommerce not working
here i use code shortcode of woo commerce and whenever i reload page pagination showed up then hide
i used this code
[products limit="12" columns="5" paginate="true" ...
1
vote
1
answer
29
views
Layout using Bootstrap not aligning correctly
I have been stuck at a strange layout alignment issue. I have been using Bootstrap 4 to set layout of a section. Please take a look at the screenshot below -
This is here.
It is working as expected. ...
- 114
1
vote
0
answers
216
views
Isotope Filtering with Bootstrap Tabs - Custom Post Type Query Loop in each Tab (Have to click twice to filter)
I am trying to use isotope filtering (cool animations) with bootstrap tabs where each tab-pane has its own custom post-type query loop. For some reason, I have to click twice on the tabs to have the ...
- 11
0
votes
1
answer
178
views
New jquery and bootstrap breaks plugin
I wrote a plugin based on the w3schools modal box.
https://www.w3schools.com/bootstrap/bootstrap_modal.asp
However, when I submitted the plugin to the wordpress directory, they said I needed to ...
- 432
0
votes
2
answers
136
views
Editor inserting bootstrap css and we don't know why
This is an unusual one (I think).
We run a news site, and sometimes when editing posts (using the classic editor, not the new block one) we find that a paragraph in the post we are editing has somehow ...
2
votes
1
answer
971
views
Block-based Widgets Editor - how to enable a title
Using the block-based widget editor, how do I add a widget title? I wish to make the title a link to collapse the widget body using bootstrap and register_sidebar:
register_sidebar([
'name' => __(...
- 137
0
votes
0
answers
77
views
Modal dialog under the backdrop
I am using Bootstrap 5 and modal is kinda tricky. Do you happen to know why the dialog is under the backdrop? I've compared the modal example on Bootstrap website and on my code. I haven't changed any ...
- 7
0
votes
1
answer
248
views
Bootstrap 4 Carosuel with ACF Repeater field
Given this HTML code, how can I create a dynamic Carosuel with thumbnails using Bootstrap 4 that can be updated in back-end using ACF Repeater?
My Repeater field is called carousel_repeater and inside ...
- 1
0
votes
1
answer
1k
views
How to install Bootstrap in a WordPress child theme
I want to add Bootstrap to a WordPress child theme that I edit using Elementor.
To do that, I used both CDN and bootstrap local files but neither worked. For the local files, I created a bootstrap ...
- 103
0
votes
1
answer
907
views
Make bootstrap 5.0 carousel dynamic using ACF and CPT UI [closed]
I am trying to make bootstrap 5.0 carousel (with indicators) dynamic using ACF and CPT UI. I realized that I need to display the number in data-bs-slide-to dynamically, as well as other numbers and ...
0
votes
0
answers
405
views
How to Create Carousel Indicators in PHP Loop using wp_get_attachment_url function?
I am trying to Create Carousel Slider in which Images get from the wp_get_attachment_image_url function and all other alt title and caption data it works correctly.
I am stuck at carousel Indicators I ...
- 1
0
votes
1
answer
261
views
How to use register_sidebar's 'before_widget' unique id generator into its other parameters like 'before_title'?
I'm trying to create a dynamic sidebar that uses bootstrap 4 accordion with the widget's title as the toggle link and the widget content as the accordion's content:
Planned Layout:
<div class="...
1
vote
3
answers
3k
views
Why is my Bootstrap 5 navbar not displaying the drop down menu on smaller screens?
I am trying to develop a bootstrap 5 theme for the latest WordPress. I am using Navwalker from here: https://github.com/wp-bootstrap/wp-bootstrap-navwalker. My bootstrap Navbar does not dropdown on ...
- 11
0
votes
1
answer
1k
views
Ajax call undefined index
I am trying to get the content of an ACF field through an Ajax call. This is my callback function:
function my_ajax_request() {
$id = $_POST['id'];
if( have_rows('carousel_slide') ):
...
- 153
0
votes
0
answers
72
views
Display WP Meta Details in Bootstrap Modal
This question relates directly to a previous question I asked in Wordpress StackExchange:
display WP image posts in Bootstrap 4 modal that was superbly solved by Sally CJ
I further developed the ...
- 127
0
votes
1
answer
786
views
Bootstrap Menu bar shows up a toggle in Desktop Mode
I designed a new theme in WordPress. I used Bootstrap Menu bar for responsive design but shows up a toggle in Desktop Mode.
<div id="nav">
<nav class="navbar navbar-default ...
- 101
0
votes
1
answer
71
views
Is there any known plugins that would replace WordPress classes in editor with their Bootstrap 4 equivalent?
Context: I'm using WordPress as a backend for article writing on a non-wordpress site (built with Laravel, using Corcel to access the data, if that matters). That website is built with Bootstrap 4, ...
1
vote
0
answers
213
views
Split loop to load WordPress gallery into Bootstrap modal and carousel
I have created WordPress coding to loop through gallery images from a post, create a thumbnail gallery display in two cols (that resizes to one col at the mobile size, since the default WordPress ...
- 11
2
votes
2
answers
7k
views
Customize "the_posts_pagination" and put list instead div
Hello everybody, I need help with my custom wordpress pagination.
I'm looking to get this :
This is what I did :
in the functions.php, I've add this code :
function wp_custom_pagination($args = [], $...
- 75
1
vote
1
answer
40
views
Will the latest Bootstrap work properly with the default Wordpress jQuery?
Wordpress still uses jQuery 1.x for fear of wrong compatibility with plugins and themes. They are trying to update it, but you can see that it will take a while yet (sources: one, two, three)
Now I am ...
- 524
1
vote
0
answers
39
views
Bootstrap in theme
I've programmed a theme before three years and I want to update it with Bootstrap. I need the input groups, modal windows and some other features.
Now I have implemented it and it works! But one thing ...
- 11
0
votes
1
answer
132
views
Dynamic Bootstrap Carousel ID per widget on same page
I have integrated bootstrap Carousel into a WordPress widget. Carousel requires a unique ID per each for the controls to work. So if I am using 2 widgets that means 2 carousels on the same page the ...
- 111
0
votes
3
answers
2k
views
Bootstrap slider not working
I have a html bootstrap slider which works fine with captions and everything.I would like to integrate it into my Wp theme (my forst one, so total newbie).I found a code, which seems to helo, but it ...
0
votes
1
answer
913
views
WordPress does not load jQuery
I'd like to use WordPress with Bootstrap but WordPress does not load jQuery properly so I get this error message:
Uncaught TypeError: Bootstrap's JavaScript requires jQuery. jQuery must be included ...
- 11
-1
votes
1
answer
2k
views
Carousel slider with WP_Query to show 3 posts on each slide
I am trying to create a bootstrap carousel to show 3 posts on each slide. But my code is showing only a single item on each slide.
Here is my code:
<div class="col-lg-9">
...
0
votes
0
answers
289
views
bootstrap carousel in wordpress home page showing small images and not responsive
I am trying to make a carousel on a home page, but images doesn't fit to 100% of the page width, and it doesn't get responsive:
<div id="mainCarousel" class="carousel slide" ...
- 113
0
votes
1
answer
552
views
How to add automatically bootstrap 4 order-lg-1 and order-lg-2 classes for columns in foreach loop based on the count?
How to add automatically bootstrap 4 order-lg-1 and order-lg-2 classes for columns in foreach loop based on the count?
PHP and Html Code
<?php
//get your custom posts ids as an array
$...
- 101
0
votes
0
answers
48
views
How to reference different css (bootstrap) stylesheets for the header and body of a page?
Thanks in advance for the help, and apologies if I'm being dumb, I'm rather new. I have tried various different answers on this site, but they did not work, as they were meant for different pages. I ...
0
votes
1
answer
182
views
Loop two different category WP_Query
I want to loop two different categories to create a layout of two columns in my custom theme. I'm using this code and bootstrap 4 as front-end framework but I'm unable to use all the 12cols available ...
- 319
0
votes
2
answers
206
views
How to display a list of authors in bootstrap grid?
Basically I am struggling to display the author list in a grid:
<div class="container">
<div class="row">
<div class="col-lg-4">
<?php
wp_list_authors( array(
'...
1
vote
1
answer
270
views
Side Menu Icon Expandable
I've been searching for the proper way to create a dynamic side menu for my Understrap Child Theme.
I'm trying to creating something that if the menu has children then the icon will show allowing to ...
- 13
0
votes
1
answer
26
views
How can I get this menu container to be the height of the contents?
I have a menu that was created using Bootstrap 4. I am using CSS to show all sub menus on the opening of the main li (Products). Everything is working as expected however the container is not ...
- 121
0
votes
1
answer
774
views
Modify YouTube Embed Code to fit theme
I'm using a custom bootstrap template and other users will be embedding youtube videos, which I want to be responsive to fit the theme.
What can I do to make the normal YouTube embed code, something ...
- 23
0
votes
1
answer
25
views
Why <i> items could not be enclosed within <li> items in WordPress?
I was creating a guide in WordPress with the Classic Editor. In the guide, I was about to create a separate section here,
https://www.payuoc.com/home-furnishing-decor/best-mattress/
I referred to ...
0
votes
1
answer
469
views
Wordpress + Bootstrap: Replace primary navigation menu on mobile?
So, I have a site that has a main navigation bar at the top and a secondary nav in the sidebar. The secondary nav includes the same links in the main nav but with dropdowns for the child pages. It ...
- 101
0
votes
2
answers
188
views
How to create first post, fifth post full width, rest in three columns and so on
I am new to wordpress development, I am leaning how to make a theme from scratch. I don't want to use any plugin to achieve this.
How to create first post/ fifth post/ ninth post full width, rest in ...
- 53