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

116 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
3 votes
1 answer
1k views

Working Bootstrap Carousel Conversion to WP - Technical Questions

I have coded a working Bootstrap carousel, it needs to be converted to WP. It's a small chunk of the site, but as a Wordpress newbie, am stuck in understanding the technical issue. So here's what I ...
Adnan's user avatar
  • 51
3 votes
2 answers
2k views

What is better way to use Bootstrap inside admin panel?

I need to use Bootstrap CSS for better UI in wp-admin but if I enqueue the bootstrap.css, it's affecting the admin default UI by changing background colors, etc. How can I use bootstrap.css inside wp-...
Bhavesh Nariya's user avatar
2 votes
0 answers
812 views

Bootstrap Modal as login page

I'm considering building a modal login page for my wordpress blog. I have a static link on my menu linking to custom /login page. Else, I have a redirect from private pages, where user needs to be ...
worldwildwebdev's user avatar
2 votes
0 answers
542 views

Rendering of custom walker menu function not working properly

I have a custom function for my nav walker menu that adds custom php/html to it, which can be seen below. It renders a twitter bootstrap dropdown menu that I would like to put my login form in. ...
Pelle Stridshammar's user avatar
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
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
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
1 vote
0 answers
208 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
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
1 vote
0 answers
338 views

How do you manage the Gutenberg block previews in the admin area?

How can I manage Gutenberg block previews in the admin area? Example: If I have a block developed on bootstrap and with my custom css, in the admin area do you load bootstrap and your css to get the ...
FrancescoM's user avatar
1 vote
0 answers
46 views

Bootstrap card columns change images size

I have a bootstrao masonry grid made using the card columns technique. The images that will be part of the grid are all of the same size and this will not give the desired masonry like effect when the ...
bostonHit's user avatar
1 vote
1 answer
194 views

Why is my oembed function modifying Twitter embed?

Building a theme with Boostrap 4 and WordPress 5.0.1. Under Bootstrap's documentation for embed video the following format is required for responsive videos: <div class="embed-responsive embed-...
user9447's user avatar
  • 1,772
1 vote
0 answers
696 views

jQuery for custom plugin not working with Divi theme

I'm writing a plugin, and it requires Bootstrap's nav tabs feature. I added Bootstrap to my plugin, and made sure jQuery was enqueued as well. This is how I did it: function added_scripts () { ...
Coltvant's user avatar
  • 187
1 vote
0 answers
67 views

Each Slide Has Something Missing In Carousel

I created a dynamic image slider in my theme that pulls from a category I named Slider. The images show up fine however each slide has only one piece of information. Right now I have two slides. Each ...
user5854648's user avatar
1 vote
0 answers
851 views

Bootstrap and Custom CSS in custom plugin are being overwritten by theme

This is my first plugin, and I'm having a real hard time figuring out enqueuing styles/scripts. All the code I wrote for the plugin works great, but I'm having issues with stylesheets and Bootstrap. I ...
Coltvant's user avatar
  • 187
1 vote
0 answers
151 views

Using bootstrap-slider and bootstrap-switch in wordpress admin panel

I'm creating a Wordpress theme with an admin panel and I would like to put bootstrap switch and bootstrap sliders like: OR the switch button But the problem is that I find the scripts in the page ...
Ary's user avatar
  • 111
1 vote
0 answers
125 views

WordPress Walker - Group two items?

I'm using the built-in WordPress wp_nav_menu() and a custom walker to loop through items for a footer nav menu. I understand that a Walker essentially loops through a nav menu, formatting each element ...
dauble's user avatar
  • 11
1 vote
2 answers
51 views

Wordpress Multiple Navigation bars

This is more of a 'Is it possible question" I have a home page which has a full width header and a transparent Navbar, when you scroll this Navbar changes to white. On all my other pages I want this ...
Tom Withers's user avatar
1 vote
1 answer
125 views

Port existing Bootstrap site to WordPress?

I have an existing static site, built on top of Bootstrap, with custom CSS. Now I want to move the site to WordPress (yay). But I want to keep all the styling and layout in WordPress exactly the ...
Richard's user avatar
  • 137
1 vote
0 answers
96 views

Can you target a widget_class in a register_sidebar?

Using Bootstrap 3 to create a WordPress theme I am using register_sidebar() for the sidebar: if ( function_exists( 'register_sidebar' ) ) { register_sidebar( array( 'name' => __( '...
user9447's user avatar
  • 1,772
1 vote
1 answer
153 views

Wordpress Short code with additional parameter

I am using twitter boostrap in my recent project . I want that the post or page content will split into columns. For doing this I am declaring several shortcode like this function two_column($atts,$...
Mithun Sarker Shuvro's user avatar
1 vote
0 answers
996 views

Get Page content to displayin Bootstrap Modal

Ok I'm a relative novice here, and after looking around I still haven't found the answer to my problem. I'm basically trying to link a Bootstrap Modal to some text in a footer (widget), the content of ...
Alexander Stanuga's user avatar
1 vote
1 answer
118 views

How to Output which matched meta_keys were found from custom_type_posts?

In WordPress on the single-player.php page which displays a single profile (from numerous other profiles) with information from around 10 different meta fields. Without using tags or categories.. ...
Steven Mcsorley's user avatar
1 vote
0 answers
324 views

Using Select HTML in Bootstrap Popovers

I want to be be able to utilize a select few HTML tags in a Bootstrap popover. I know that I could include the option HTML = true in the settings, but this would leave me exposed to an XSS attack (...
William's user avatar
  • 545
1 vote
1 answer
1k 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 : &...
Nicolas Lorand's user avatar
0 votes
1 answer
64 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
81 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
120 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
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
448 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
0 votes
1 answer
160 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
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
243 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
0 answers
397 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
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
758 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
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
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
0 answers
47 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
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
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
2k 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 ...
Miikinki's user avatar
0 votes
1 answer
130 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 ...
sialfa's user avatar
  • 319
0 votes
1 answer
58 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 ...
webfuelcode's user avatar
0 votes
1 answer
522 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 ...
rkDev's user avatar
  • 1