Episode #125 of the Stack Overflow podcast is here. We talk Tilde Club and mechanical keyboards. Listen now

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
0answers
9 views

Drop down Nav Menu

I have tried to implement bootstrap drop-dawn nav menu, as Walker_Nav_menu, but no luck, start_lvl working just fine, but cannot add items to <div class="dropdown-menu"> element. Here is a ...
0
votes
0answers
9 views

Wordpress child theme not responsive on mobile screen using Bootstrap 4x

I've created a child theme and also enqueued Bootstrap 4.3 in it. The site works fine on desktop screen however when I reduce the screen size, the list-group and cols are not stacking up, instead, ...
0
votes
0answers
8 views

WP_List_Table in frontend how to style with Bootstrap4

I show in frontend a custom table created as extending WP_List_Table as it follows. add_action('init', array($this, 'frontendMyTable')); public function frontendMyTable() { if (!...
0
votes
0answers
17 views

edit SCSS in bootstrap theme [closed]

I installed WP Bootstrap Starter in my wordpress. Many styles are managed in .scss files, I don't know the syntax and I can't find them in the folder. How do I edit/delete or convert SCSS to CSS?
1
vote
2answers
25 views

Bootstrap doesn't work on admin menu page-How to override wp-admin style?

I am building a plugin and i use bootstrap to style it but i notice some components styles don't work properly.Someone suggested in a blog post to use wp_deregister_style('wp-admin'); which did fix ...
0
votes
0answers
9 views

Settings API - registered fields not loaded

I have a problem with my plugin settings page. I've read on wordpress codex how to create an option page for wordpress plugins, I'm able to see the created page, but I'm not able to display the ...
0
votes
1answer
19 views

How to bind each “the_content” elements to a custom variables

I'm implementing bootstrap theme into wordpress and i need you'r help. In Wordpress i created a simple page with paragraph and a list of 3 item's. Product list one Product one - Link Product two - ...
-2
votes
0answers
18 views

three column Bootstrap carousel displaying all items at once!

<div class="trending-collections"> <h3>Trending Collections</h3> <div class="container slider"> <div id="demo" class="carousel slide"> <!-- ...
1
vote
1answer
24 views

custom shortcode will not display the wrapped content

I'm trying to create a plugin to have some shortcodes utility for my custom bootstrap 4 layouts. I'm reading the shortcode API docs but I'm unable to display the contents wrapped inside the shortcodes ...
0
votes
1answer
14 views

Check If bootstrap last column is even or odd (using ACF custom field)

Im using Acf Custom field in wordpress to get my custom field in Acf Reapter as below: <?php if(have_rows('field_name')):?> <?php $i = 1; while(have_rows('field_name')):...
0
votes
1answer
22 views

How to use Bootstrap Navbar in wordpress Nav Menu

Here is my code. <?php wp_nav_menu(array('theme_location => 'primary',)); ?> How to format the code in my header.php using the bootstrap navbar? I am using bootstrap 4.3x. I am new to ...
0
votes
0answers
59 views

How do I keep my iframes responsive and scaled to fit their container?

This is a WordPress core question and only a CSS question as a byproduct. I am designing a theme using bootstrap. Everything looks exactly as I want it to with one exception - links embedded from my ...
0
votes
1answer
22 views

Bootstrap 4 Theme Post Layout

I am using Bootstrap 4 Theme in WordPress. I have moderate experience in customizing themes. The text in my Posts is left aligned within the row (appearing on the edge of the container or the web page ...
0
votes
1answer
32 views

jQuery Validation plugin and Bootstrap 4 CSS classes

I'm using jQuery Validation plugin to validate a WordPress theme form. I'm using also Bootstrap 4 so I'd integrate the Bootstrap validation classes ("is-valid" and "is-invalid") with Validation plugin,...
0
votes
1answer
34 views

Navbar is hidden behind carousel when using wp-boostrap-navwalker

I'm trying to show a navbar over a carousel within wordpress. To achive this I'm using WP Bootstrap Navwalker (https://github.com/wp-bootstrap/wp-bootstrap-navwalker) Without WP Bootstrap Navwalker ...
0
votes
1answer
25 views

My website is not showing Footer section

** EDITED ** Hello im new with Wordpress, Im having a problem with widgets (sidebar and footer) my footer.php is not being rendering unless I delete sidebar.php from files. Ive tryed to debug but ...
0
votes
1answer
15 views

How can publish my bootstrap created table ( huge amount of data) on my word-press theme?

I created a bootstrap table which is interactive with data-tables also.I use jquery too.How can i publish this table on my word-press table (code is working ).Thank you... I just want to publish ...
0
votes
2answers
71 views

Gutenberg table block with Bootstrap .table class

On my frontend I am using Boostrap 4, however Gutenberg block table has class <table class="wp-block-table"> so instead of creating new table style it would make more sense to append the ...
1
vote
0answers
29 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 ...
0
votes
0answers
283 views

Uncaught TypeError: Cannot read property 'cycle' of undefined

Uncaught TypeError: Cannot read property 'cycle' of undefined at HTMLDivElement.<anonymous> (bootstrap.js?ver=5.2.1:473) at Function.each (jquery.min.js:2) at n.fn.init.each (jquery.min.js:2) at ...
0
votes
1answer
78 views

Wordpress Carousel with recive posts (Bootstrap)

I have a problem I would like to create a slide show based on Bootstrap, and I found a few different solutions, but none work, despite trying to fix myself but failed, I do not know if the problem is ...
0
votes
1answer
53 views

display WP image posts in Bootstrap 4 modal

I have a series of image posts displayed on a page of a WP site that uses Bootstrap 4 _ The link to the development site is also online here The images normally display in a larger size when they're ...
0
votes
0answers
415 views

How to create a mobile menu full screen overlay using Understraps Bootstrap 4 theme

I'm using the Understrap theme for Wordpress and looking to modify the default menu on mobile when the user clicks the hamburger menu. Essentially I am trying to get the menu to fully overlay the ...
1
vote
0answers
17 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 ...
0
votes
2answers
23 views

CSS - Initial HTML Margin Issue On WordPress Site

This is a WordPress site and I'm using bootstrap. Site is https://doodle.gatewaywebdesign.com/ Basically I'm just trying to get rid of the initial top margin. So instead of this: It should look ...
0
votes
0answers
20 views

WP Bootstrap Nav (not JS, not missing ID)

For clarification: I'm using a bs4 navwalker, and Bootstrap 4. Creating a WP Theme from scratch, so I'm learning, and experimenting. I've spent a few hours reading through a variety of issues ...
0
votes
1answer
87 views

Order posts inside bootstrap card columns

I have a bootstrap 4 card columns masonry like grid. I want to show six posts form my articles and I'm using a custom query to retrieve the posts. All works fine, but the posts aren't showed with the ...
0
votes
1answer
190 views

Bootstrap Nav Walker Sub Menu Image

I would like to add images to each item of my sub menu. At the moment, i've added a custom css class to each menu item in the wordpress admin dashboard and add to my css a class like that : .menu-...
-1
votes
1answer
652 views

Bootstrap 4 mobile menu not working for Wordpress Development

I have a custom bootstrap 4 theme I am building out in wordpress. The drop down mobile menu does not work when the hamburger menu is pressed at smaller viewports. I am not sure if I need to add a ...
0
votes
0answers
22 views

Show desktop screen for tablets (using Elementor + Bootstrap + WordPress)

I am working on the website www.unityinfinity.com/ui The website shows the tablet view from 768px to 992px. I want to show the desktop view on tablets by default instead of the weird screen that is ...
0
votes
1answer
28 views

How to remove the gap on right side of webpage (using Bootstrap with WordPress)?

This padding on the right side of the webpage (unityinfinity.com) was not visible when it was in development. I recently shifted the website to the main directory using the steps in this post. Since ...
0
votes
2answers
60 views

change background image on scroll

I want to create a background image effect that will change the image when the user scroll. I'm facing a problem with the images urls, how i can fix this? How I can link an image url in jquery from a ...
0
votes
1answer
76 views

Bootstrap tabs are not being clicked in WordPress loop

I am trying to show some Bootstrap tab contents within a WordPress loop. The tabs are not being clicked. Here are the bootstrap codes: <ul class="citenav nav nav-tabs" id="myTab" role="...
0
votes
1answer
22 views

two col layout bootstrap 4 with one fixed col and fade in effect on image

I've created a layout for my single post that have a fixed column and another that contains images that has the vertical scroll. I'm using viewportchecker to check if the images are inside the ...
0
votes
1answer
211 views

Masonry grid with bootstrap 4

I have the following code that is supposed to display a masonry grid using bootstrap 4. I've tested the code but the grid will not be displayed correctly on desktop and tablets. On mobile instead ...
0
votes
0answers
36 views

custom post type not showed with bootstrap 4 modal and template part

I've created a showcase template part that will get all my custom post_type for a showcase. The problem is that I've 18 entries added and the template part will only show 10 entries. I've used a ...
0
votes
1answer
26 views

hide attached images of a post

I've read an article on how to implement a custom Gallery template in wordpress posts or pages. I have a simple question, is it possible to not show the attached images inside the post content but ...
1
vote
2answers
170 views

Create A Loop With A Variable Number of Posts For Each Bootstrap Row?

I'm attempting to create a single WP loop, using a custom query, to display a custom-post-type - using Bootstrap 4 markup. The complicating part for me is, I'd like the number of posts for each row ...
1
vote
1answer
390 views

bootstrap 4 carousel inside every post of a page [closed]

I want to integrate a bs4 carousel inside all the posts of a wordpress page that is a portfolio. I'm thinking to use the attached images of a post, I don't want to use custom post type to do this. Can ...
0
votes
1answer
31 views

How can I allow a client to edit certain parts of a static site?

So I have a website created using bootstrap and want to allow for my client to have some control and editing abilities, hence why I want to migrate it to wordpress. The client wants to be able to add ...
1
vote
2answers
2k views

How to modify an image block in Gutenberg WordPress 5?

Adding images to a post with the block editor: produces the code figure of: <figure class="wp-block-image"> <img src="http://localhost:8888/time.png" alt="alt text" class="wp-image-1391"...
0
votes
0answers
35 views

Posts in two different columns Bootstrap

I want the posts on the main page to be arranged in Bootstrap columns in this way: I have this code, but instead of the first two posts, only one is displayed. <?php get_header(); ?> <?php $...
0
votes
0answers
158 views

Multiple responsive Bootstrap carousels via shortcodes

I'm writing a shortcode to display responsive Bootstrap carousels that adjust column numbers according to browser width. It works for a single shortcode, and responsively adjusts as follows: However,...
1
vote
1answer
55 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-...
1
vote
1answer
68 views

WP_bootstrap_Navwalker_issue [closed]

I have put a navwalker in my bootstrap wordpress which gives me a fatal error Fatal error : Uncaught Error: Class 'WP_Bootstrap_Navwalker' not found in A:\xampp\htdocs\wordpress\wp-content\...
0
votes
0answers
53 views

Siderbar implementation with collapsible bootstrap cards

I'm trying to implement collapsible Bootstrap 4 cards on sidebar widgets, until now I have this: register_sidebar( array( 'name' => esc_html__( 'New Sidebar', 'ns' ), ...
0
votes
1answer
48 views

How to neutralize a parent theme php template?

I use to work a basic theme with a child-theme. The parent theme contains the woocommerce.php template, which I would like to disable in the child theme. I already used several codes in the child ...
0
votes
0answers
27 views

wp_nav_menu() filter - preg_replace value returned wrong

I'm having an issue where the filter I've added to wp_nav_menu() is adding code to the second level of the navigation. How can I change the filter or the preg_replace code in a way that only adds it ...
1
vote
1answer
131 views

WordPress \ Bootstrap 4 not building breadcrumbs correctly

I have this code in my WordPress functions.php to create breadcrumbs for pages only. What am I doing wrong? Thanks. I want to use bootstrap navs. The problem is that the short tag, the_title(), is ...
0
votes
1answer
37 views

Bootstrap News: Image Modifciation

I want to improve the design of my website (https://pixelbay.net/). Rather than altering the image myself via Gimp every time I want to post, one feature I want to add is that the main category ...