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
1answer
45 views

Make bootstrap 5.0 carousel dynamic using ACF and CPT UI

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
0answers
25 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 ...
0
votes
1answer
10 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="...
0
votes
0answers
18 views

Bootstrap Navigation

<div class="mobile-menu"> <ul id="mobile-menu" class="menu"> <li class="dropdown"> ...
0
votes
0answers
18 views

A WordPress Navigation Dropdown Menu using Bootstrap 4.5.3 moves out of the browser from right side

I am using Bootstrap 4.5.3 and WordPress version 5.6.2 I have this code in my header for the navigation. <div class="container-fluid"> <nav class="navbar navbar-expand-...
0
votes
0answers
18 views

Bootstrap nav walker for wp_list_pages that includes dropdown links for child pages

I'm wanting to add a bootstrap menu to the sidebar that contains parent and child pages for a custom post type 'products'. I used the bootstrap walker I found here - https://gist.github.com/donchenko/...
0
votes
0answers
29 views

Implement posts images in Bootstrap

HTML structure of the post images is currently like this: <figure class="wp-block-image"> <img src="#"/> </figure> It is possible to implement posts images with ...
1
vote
1answer
256 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 ...
0
votes
1answer
45 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') ): ...
0
votes
0answers
45 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 ...
0
votes
1answer
99 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 ...
0
votes
1answer
13 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, ...
0
votes
0answers
13 views

Specific category post content open in a bootstrap modal

WordPress display posts from specific category on page and click the link must show the content in a bootstrap modal. <ul> <?php while($catquery->have_posts()) : $catquery->the_post();...
1
vote
0answers
75 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 ...
1
vote
2answers
267 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 = [], $...
0
votes
0answers
203 views

How to set up Bootstrap 4 nav menu with dropdown+ children in Wordpress? Children not showing in my menu %^(

Thanks in advance for your help and interest. First attempt at Wordpress Theme creation. Followed a tutorial on MDBootstrap.com and got the basics working. Now trying to get a basic Bootstrap Nav Menu ...
0
votes
1answer
19 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 ...
0
votes
0answers
21 views

Bootstrap Slim Js Conflict with AJAX

I have been using Bootstrap v4.1.3 where I enqueued slim js as wp_enqueue_script('jQuerySlimJS', get_template_directory_uri().'/assets/js/jquery-3.3.1.slim.min.js'); I have written a script in the ...
1
vote
0answers
22 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 ...
0
votes
1answer
12 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 ...
0
votes
0answers
21 views

Bootstrap Navbar with Nav-Walker

When using Bootstrap Nav, the active doesn't work when you don't use Nav-walker (https://github.com/wp-bootstrap/wp-bootstrap-navwalker). The "selected" link just says on whatever "...
0
votes
3answers
748 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
1answer
412 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 ...
-1
votes
1answer
657 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
0answers
155 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" ...
0
votes
0answers
32 views

get_template_part() break bootstrap row columns layout

I'm having some trouble to get my boostrap layout working in wordpress. I want to show some posts on a single row with a loop that show the content inside a col-8 and another loop that show the ...
0
votes
0answers
39 views

Sub menu toggle not working in wordpress

I updated few plugins, like wordfence and some others as well. Before updating them, navigation toggle and sub navigation toggles were working perfect, but now sub nav toggle has stopped working. My ...
0
votes
1answer
176 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 $...
0
votes
0answers
31 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
1answer
38 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 ...
0
votes
0answers
23 views

How to incorporate Tabler UI in my custom plugin?

I want to use Tabler UI in my custom plugin. https://tabler.io/ How I could make the www.rooturl.com/tabler to be the index page so I can use the contents of tabler that offers? Or is there a better ...
0
votes
0answers
95 views

<DIV> being repeated twice - No explanation?

So I have an extremely strange thing happening. I am trying to properly layout my checkout page using Bootstrap's Grid framework. All seems good, except for in the payment method section. When trying ...
0
votes
2answers
58 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
1answer
90 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 ...
0
votes
1answer
14 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 ...
0
votes
1answer
190 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 ...
0
votes
1answer
22 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
1answer
295 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 ...
0
votes
2answers
84 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 ...
0
votes
1answer
1k 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 ...
0
votes
2answers
507 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 ...
1
vote
1answer
468 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 : &...
0
votes
1answer
33 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 ...
0
votes
1answer
192 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 ...
0
votes
1answer
228 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> (...
0
votes
1answer
28 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 ...
1
vote
1answer
407 views

create bootstrap columns inside editor group block

According to this answer I'm trying to use the new default block editor of wordpress to set the bootstrap classes on the content of the blocks. I'm using the group block to set the container and ...
-1
votes
1answer
159 views

Google yolo one tab signup plugin avilable in wordpress? [closed]

Can you please tell me wordpress has Google yolo one tab signup plugin?
1
vote
1answer
137 views

Make shortcode's Bootstrap CSS override the theme's CSS, how?

I'm writing a simple WordPress plugin that uses some shortcodes to show content on public side of the side. These shortcodes use some Bootstrap's components like buttons, input groups and popovers but ...
0
votes
1answer
312 views

ACF Flexible Content with Bootstrap Carousel Repeater

I'm trying to add a counter for each instance of this flexible content carousel built with Bootstrap. I've tried multiple ways of counting with the while statement. What would be the correct way to ...

1
2 3 4 5
7