Skip to main content

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
1 answer
62 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 ...
Hendra's user avatar
  • 15
0 votes
1 answer
77 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. ...
Tasnim's user avatar
  • 1
0 votes
0 answers
117 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 ...
almecin's user avatar
0 votes
0 answers
73 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 ...
David Buik's user avatar
1 vote
1 answer
1k 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', ...
Pbalazs89's user avatar
  • 115
0 votes
1 answer
64 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', '...
inputforcolor's user avatar
0 votes
1 answer
40 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() { ...
S.H's user avatar
  • 105
-1 votes
1 answer
116 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 ...
Sylvester DeMouser's user avatar
0 votes
1 answer
69 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 ...
QF0's user avatar
  • 127
0 votes
1 answer
222 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....
crad98's user avatar
  • 5
0 votes
1 answer
170 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 ...
crad98's user avatar
  • 5
1 vote
1 answer
982 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 ...
Tatex's user avatar
  • 33
1 vote
0 answers
194 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 ...
kamil danilski's user avatar
0 votes
1 answer
445 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" ...
Muhammad Wasim Ahmed's user avatar
1 vote
1 answer
28 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. ...
Divjot Singh's user avatar
1 vote
0 answers
200 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 ...
jk4code's user avatar
  • 11
0 votes
1 answer
157 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 ...
Debbie Kurth's user avatar
0 votes
2 answers
128 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 ...
deanWombourne's user avatar
2 votes
1 answer
935 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' => __(...
gpcola's user avatar
  • 137
0 votes
0 answers
66 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 ...
ddd's user avatar
  • 7
0 votes
1 answer
241 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 ...
vopakor's user avatar
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 ...
Downforu's user avatar
  • 103
0 votes
1 answer
893 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 ...
Brgerg30879's user avatar
0 votes
0 answers
394 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 ...
stepiadm's user avatar
0 votes
1 answer
247 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="...
Janfred Magnaye's user avatar
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 ...
Olympus's user avatar
  • 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') ): ...
Madeirense's user avatar
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 ...
inputforcolor's user avatar
0 votes
1 answer
757 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 ...
Athi's user avatar
  • 101
0 votes
1 answer
70 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, ...
Jean-Philippe Murray's user avatar
1 vote
0 answers
207 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 ...
jtm2012's user avatar
  • 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 = [], $...
GilbertOOl's user avatar
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 ...
kanlukasz's user avatar
  • 504
1 vote
0 answers
37 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 ...
mw197's user avatar
  • 11
0 votes
1 answer
125 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 ...
David Buik's user avatar
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 ...
Anna Moors's user avatar
0 votes
1 answer
899 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 ...
Mark's user avatar
  • 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"> ...
Manohar Bhatia's user avatar
0 votes
0 answers
282 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" ...
Hind Dev's user avatar
  • 103
0 votes
1 answer
544 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 $...
Farhan Dharsi's user avatar
0 votes
0 answers
46 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 ...
Vanessa Chen's user avatar
0 votes
1 answer
180 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 ...
sialfa's user avatar
  • 319
0 votes
2 answers
201 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( '...
kamboodle's user avatar
1 vote
1 answer
255 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 ...
Rocket_Mouth's user avatar
0 votes
1 answer
24 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 ...
Mike Oberdick's user avatar
0 votes
1 answer
710 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 ...
Mike's user avatar
  • 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 ...
Nirmal KUmar's user avatar
0 votes
1 answer
459 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 ...
taylor018's user avatar
  • 101
0 votes
2 answers
179 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 ...
Ricky's user avatar
  • 53
2 votes
1 answer
4k 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 ...
Miikinki's user avatar

1
2 3 4 5
7