Questions tagged [twitter-bootstrap]

Twitter Bootstrap is a front-end framework designed to kick-start development of Web apps and sites

Filter by
Sorted by
Tagged with
0 votes
0 answers
7 views

Multiple categories assigned to a single product breaking the breadcrumb

custom bread crumb not working with multiple categories assigned to a single product, we do not have the categories page, so don't want to show categories in the URL, but need to show the categories ...
user avatar
  • 189
0 votes
1 answer
31 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 ...
user avatar
  • 13
1 vote
0 answers
27 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 bootstrap@5.1.3 the newest version, and this is ...
user avatar
0 votes
1 answer
57 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" ...
user avatar
1 vote
1 answer
26 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. ...
user avatar
1 vote
0 answers
69 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 ...
user avatar
  • 11
0 votes
0 answers
18 views

Bootstrap within shortcode

I would like to implement a shortcode (indeed a Divi extension but it's almost the same I guess) using Bootstrap. How would I do it without causing conflicts with the theme? I think I should prefix ...
user avatar
0 votes
1 answer
40 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 ...
user avatar
0 votes
2 answers
81 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 ...
user avatar
0 votes
0 answers
58 views

Wordpress and Modal Popup - how to make the already loaded javascript assets available in modal?

I am having a very difficult time getting a modal popup to behave as needed. I have a modal for a forum topic page and want to handle the form submit via ajax, using this great little plugin: https://...
user avatar
  • 297
1 vote
1 answer
436 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' => __(...
user avatar
  • 127
0 votes
0 answers
21 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 ...
user avatar
  • 7
0 votes
1 answer
78 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 ...
user avatar
0 votes
0 answers
12 views

Bootstrap Dropdown Menus not displaying the items within the dropdown

I am working on a child theme and have added Bootstrap just before the generic wp_enqueue_style of my theme to the functions.php, as it follows: ''' wp_enqueue_script( 'bootstrap_js', 'https://...
user avatar
  • 1
0 votes
0 answers
19 views

How to use bootstrap elements in single post template

can we use bootstrap elements -https://www.bootdey.com/snippets/view/Product-comparison or any bootstrap elements in single post template in wordpress and then make it dynamic? if possible can anyone ...
user avatar
0 votes
1 answer
263 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 ...
user avatar
0 votes
1 answer
391 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 ...
user avatar
  • 5
0 votes
0 answers
196 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 ...
user avatar
0 votes
1 answer
79 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="...
user avatar
1 vote
2 answers
2k 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 ...
user avatar
  • 11
0 votes
1 answer
479 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') ): ...
user avatar
0 votes
0 answers
60 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 ...
user avatar
0 votes
1 answer
324 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 ...
user avatar
  • 101
0 votes
1 answer
26 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, ...
user avatar
1 vote
0 answers
134 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 ...
user avatar
  • 11
2 votes
2 answers
2k 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 = [], $...
user avatar
1 vote
1 answer
31 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 ...
user avatar
  • 411
1 vote
0 answers
29 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 ...
user avatar
  • 11
0 votes
1 answer
29 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 ...
user avatar
0 votes
3 answers
1k 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 ...
user avatar
0 votes
1 answer
649 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 ...
user avatar
  • 1
-1 votes
1 answer
1k 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"> ...
user avatar
0 votes
0 answers
219 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" ...
user avatar
  • 103
0 votes
1 answer
363 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 $...
user avatar
0 votes
0 answers
45 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 ...
user avatar
0 votes
1 answer
130 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 ...
user avatar
  • 321
0 votes
2 answers
102 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( '...
user avatar
1 vote
1 answer
172 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 ...
user avatar
0 votes
1 answer
17 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 ...
user avatar
0 votes
1 answer
349 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 ...
user avatar
  • 3
0 votes
1 answer
23 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 ...
user avatar
0 votes
1 answer
342 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 ...
user avatar
  • 101
0 votes
2 answers
131 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 ...
user avatar
  • 39
0 votes
1 answer
2k views

Continue or break the while loop

Im trying to figure out how to keep while loop going for posts on another section in bootstrap columns or is there way to "break it" and then keep it going where it remained? First picture shows the ...
user avatar
0 votes
2 answers
1k views

Bootstrap grid while loop

I made a grid with bootstrap where i want to show 5 differents posts but for some reason it duplicates the grids and shows one post per grid. First image shows how it starts to duplicate the grids 5 ...
user avatar
1 vote
1 answer
688 views

Add class to group inner container

I want to add class to my group block, to the container "wp-block-group__inner-container". I know it's possible to add a div before with render_block, but I want to add bootstrap class like this : &...
user avatar
0 votes
1 answer
81 views

Split post or page content in two or more columns

I'm not using a pagebuilder, this because I like to offer to any client a different layout for the contents. I have the necessity to split the contant of a page or post in two or more columns, I'm ...
user avatar
  • 321
0 votes
1 answer
266 views

Bootstrap 4 Optimization

I installed all bootstrap links to my theme.I use bootstrap lowly; generally for grid system.How can I learn which link do I must install or not? Also I want to learn is my installation good or is ...
user avatar
0 votes
1 answer
276 views

Text symbols in the navigation menu

Just faced the following issue. The problem is when I paste the font-awesome code in my navigation menu point I see the text <i class="fa fa-shopping-cart" aria-hidden="true"></i> (...
user avatar
  • 113
0 votes
1 answer
47 views

How to make wordpress theme option page in columns?

I tried a lot with using bootstrap to show the WordPress theme options page to appear in grid view. As we do col-lg4 and so... I added add_editor_style(); for bootstrap, nothing happened. The only ...
user avatar
  • 21

1
2 3 4 5
7