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
147 views

How to create Wordpress loop with combination of 4 and 2 columns twitter-bootstrap?

I want to display post based on combination of 4 columns (desktop view), 2 columns (mobile view 768px) and 1 columns (mobile view 425px). I found the great code below: <?php $paged = ( ...
0
votes
1answer
4k views

How to create bootstrap grid loop?

May I know how to create multiple loop for this HTML code in Wordpress? <div class="row"> <div class="col-md-3 col-sm-6"> <div class="normal-video"> ...
0
votes
1answer
2k views

Make two bootstrap menus collapse into one dropdown

I have created a navigation bar with Bootstrap on Wordpress that has two separate menus that I want to collapse into one menu. I have these menus separated because I wanted a logo centered between ...
0
votes
1answer
2k views

Two custom post types divided in two columns inside a bootstrap carousel

Im trying to use the Bootstrap carousel to show some custom posts in my page, something like in the image below But right now, my carousel only show the same post twice, like the image below Heres ...
0
votes
1answer
443 views

Use PHP code in Menu Admin Section

wp_nav_menu() <!-- Cart Menu --> <?php wp_nav_menu([ 'menu' => 'Cart', 'theme_location' => 'Cart', '...
1
vote
2answers
38 views

How do I get row padding in a post feed?

I have a custom post loop going into a template I made - the row has to be outside of the loop, or the posts don't line up vertically. However, I need some spacing between the posts - image below to ...
-1
votes
1answer
1k views

WordPress Loop with Custom Post Type for Bootstrap Accordion [closed]

So I'm developing a theme and would like to implement an accordion for some client reviews. I followed this handy guide (and updated it for Bootstrap 4) which gave me this code: <?php $args = ...
0
votes
2answers
929 views

How to integrate Bootstrap Grid System in WordPress

I created a custom page with some content. My issue now is that I'm having problems on styling the page itself. I'm used to working with the Bootstrap column system "col-lg-12". It's simple and fast ...
0
votes
1answer
832 views

Using a full-width hero image that can be changed in the dashboard by a user

I'm building a site using bootstrap and converting to WordPress. I have some hero images on pages where a user won't need to change them. However, I have a custom post type that I really want the same ...
1
vote
1answer
3k views

Getting Custom Post Loop to display in Bootstrap 3 column grid

I'm trying to get my custom post loop to show in the 3 column bootstrap grid. Right now they are stacked on top of each other vertically. I know I must be missing something simple - have looked at ...
0
votes
1answer
578 views

Can't center post thumbnail with bootstrap [closed]

I really don't understand why this thumbnail can't be in the center ? I've tried with margin: 0 auto, trying to use col-md-... but nothing works. Can someone help ? Thank you <div id="primary" ...
0
votes
2answers
98 views

Bootstrap code acting weird on wordpress

I've been working on my own theme and for some reason wordpress doesn't seem to be implementing my code. My navigation bar doesn't load right if I'm logged in but loads find if I'm logged out, however ...
0
votes
2answers
77 views

Problems with the WordPress loop [closed]

I am developing a theme using bootstrap, but I am not able to display my posts as I would like. This is how I wanted it to be: But my best result was that with a eternal loop .... To differentiate ...
1
vote
1answer
2k views

Multiple Wordpress Menus that will only display all pages

This is my first questions, so go easy on me! I am developing a website where the logo is placed in the middle of the navigation. I am using Bootstrap and Wordpress to achieve this menu, but am ...
0
votes
1answer
133 views

Restrict days in bootstrap datepicker using checkboxes in submenu

MY SITUATION I've created a submenu in my Custom Post Type. In this submenu, there are 7 checkboxes for each date(Monday till Sunday). I use these boxes for selecting the days my restaurant is closed....
0
votes
1answer
759 views

Responsive images in Bootstrap 4 slider

I have a Bootstrap 4 slider in progress at https://filathlos.imagewize.com/ . When I add images of a 0.75 ratio like 2000x1500 they display and resize well. 3000x2000 works too. This with them being ...
1
vote
1answer
2k views

How to have two menus using Bootstrap nav walker?

I am using bs4navwalker, a script to output WordPress nav menus with proper Bootstrap formatting. In fact, rather than the usual wp-bootstrap-navwalker, I am using bs4navwalker, a variant. Here is my ...
-2
votes
2answers
1k views

ACF gallery & bootstrap colls and rows [closed]

I've code to display ACF gallery: <?php $images = get_field('portfolio'); if( $images ): ?> <div class="row"> <?php foreach( $images as $image ): ?> <...
0
votes
1answer
70 views

Use WordPress search in external static website

I've created a static website for my main WordPress website. I'm trying to add the WordPress search form in my static page so I can still use the search form from my static website. Here's what I ...
1
vote
1answer
3k views

Wordpress bootstrap menue with 3. level

I'm using bootstrap 3 and a navbar as navigation. I have found this Code to create the menu, works like a charm: https://developer.wordpress.org/reference/functions/wp_get_nav_menu_items/#comment-1609 ...
0
votes
1answer
89 views

style.css not being rendered in browser

I created a new theme with underscores starter theme. I properly enqueued the style.css and boostrap.min.css, but my navigation menu is still not reflecting the styles from style.css. It is showing a ...
0
votes
3answers
76 views

Posts are not looping through correctly

I am trying to make the page have 3 posts in each row, and then after 3 columns (12 posts) show the ajax load more button. Right now only one post is showing up. I don't know how to make it correctly ...
0
votes
2answers
3k views

Displaying a specific sub-category's posts from wp_query

I have a modal category and in my modal category i have three sub-categories in it. Here is the structure of my modal category. -Modal -Water Pumps -Water Heaters -Electrical Here, i want to ...
0
votes
1answer
31 views

How To Get Wordpress To Pickup Boostrap's CSS File?

In another WP site where I don't use bootstrap, in the functions.php file, I call the css file this way: //css wp_enqueue_style('bootstrap', get_template_directory_uri() . '/css/mycss.css'); This ...
1
vote
0answers
120 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 ...
0
votes
1answer
66 views

wordpress thumbnail onclick then modal will come out

I have a thumbnail in wordpress, now when the thumbnail image is click, i want a modal to appear. Something just a bootstrap modal. How Can i do this? . any tutoria with this?. there are only few ...
1
vote
2answers
1k views

wp_list_pages(); Change output of hyperlink

I am creating a menu for a documentation site very much like this: http://getbootstrap.com/components/ I am using a hierarchical custom post type (manual). I am currently using wp_list_pages() to ...
1
vote
0answers
104 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 ...
2
votes
2answers
4k views

How to properly add Bootstrap and JQuery Javascripts?

I am developing my WordPress theme using Material Bootstrap Design (MDB), a Material variant that uses Bootstrap 4 plus its own code. It calls for using the following scripts... <!-- JQuery -->...
2
votes
2answers
3k views

Style.css in child theme is loaded before Bootstrap

When I enqueue Bootstrap with wp_enqueue_style(), Bootstrap is loaded after the child theme's style.css and will override style.css. One way to load style.css after Bootstrap is to enqueue style.css ...
0
votes
2answers
109 views

Custom Thumbnails [closed]

I want to create custom thumbnail dialogues for the homepage of my WordPress installation. This is what I want to achieve: This is the bootstrap code for the image above: <div class="row"> ...
0
votes
0answers
138 views

Custom Pagination shows same posts on each page

I followed a tutorial which adds boostrap pagination to a theme. I added this code into my functions.php and it seems work. However, each page shows the same posts? In my admin settings I have the max ...
0
votes
1answer
74 views

Bootstrap with separate js File

I use Bootstrap for a few things in my Plugin. Now i want to move the needed js to an externeal file. But if i do this it stops working. I already searched a while but i can´t get it to work. I added ...
2
votes
3answers
10k views

Nav walker, bootstrap: Display 3rd level items under 2nd level

I am using the WP_bootstrap_navwalker for a dropdown menu. This works fine, but it only shows me the first and second level items. So de dropdown on the first level and a regular second item when ...
0
votes
1answer
128 views

Retrieving specific images from Media Library

I developed a theme in which I show a Bootstrap carousel filled with sponsor images. At the moment the sponsor-images are hardcoded like this: <div class="item active"> <div class="row ...
0
votes
1answer
659 views

Bootsrap.css Not Working [closed]

i successfully import the kabuki.css, but when i try to load the bootsrap.css it was on the page but the bootsrap classes not working like the col-sm. <?php function add_theme_scripts() { ...
2
votes
2answers
550 views

Bootstrap js refuses to load

I've used a small javascript file to create an off canvas push navbar. I loaded the file as described in the Wordpres Codex: function sidebar () { wp_enqueue_script('theme-js', ...
0
votes
2answers
246 views

Bootsrap carousel for post

I'm trying to have a Bootsrap carousel to display my post - They are being display, However, it doesn't work correctly. It doesn't slide basically.... Here is the live example: http://...
4
votes
2answers
1k views

What is the problem if I use CDN in my WordPress parent theme(built using bootstrap)?

When I run "themes check" , it recommends not to use CDN. I am using Bootstrap CDN this way function underscore_bootstrap_wp_scripts() { /* bootstrap and font awesome and animate css */ ...
-3
votes
1answer
2k views

Best Practice Jumbotron Image for WordPress ~ Responsive

I wanted to hear some feedback, What is best practice for showing a full size jumbotron image using Bootstrap inside WordPress? I recently launched my first site using the method below, It seems to ...
3
votes
2answers
951 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-...
1
vote
2answers
4k views

Screen Options & Help Buttons not working when including Bootstrap Css

The wordpress 'Help' and 'Screen Options' Buttons in the wordpress Admin Panels are not working when including bootstrap and specifically the bootstrap-css files. It is caused because bootstraps css ...
-1
votes
1answer
1k views

Bootstrap navbar-fixed-top issues [closed]

I am using a Bootstrap navbar-fixed-top and I have added this css to drop it below the admin bar: @media screen and ( max-width: 782px ) { .logged-in .navbar-fixed-top { margin-top: 46px; } } ...
0
votes
1answer
1k views

is using the_posts_navigation() required?

I want to create a theme and get it approved on wordpres.org and want it having number page navigation: The HTML code should Bootstrap 4's navigation component. i can accomplish the above with an ...
0
votes
2answers
232 views

Installing Bootstrap on Twentyeleven Theme

Can anyone tell me how to enable Bootstrap on a site using the twentyeleven theme? I followed the instructions for activating Bootstrap with the twentyfourteen theme without success. This is the code ...
-4
votes
1answer
583 views

How to make a page extend full screen [closed]

For some reason my wordpress theme has invisible margins on both sides of the page, forcing all my content into the middle. Example.
0
votes
1answer
1k views

Adding bootstrap classes to video shortcodes

I want to make videos responsive... There is a function in /wp-includes/media.php file: line 2497: $html_atts = array( 'class' => apply_filters( 'wp_video_shortcode_class', 'wp-video-...
0
votes
2answers
7k views

Adding Bootstrap to WordPress TwentySixteen Theme

How can I add Bootstrap to the Wordpress TwentySixteen Theme without using a plugin? I've tried linking to the stylesheets and scripts within the header/footer, however the theme seems to override ...
1
vote
1answer
2k views

Iframes inside bootstrap tab disappear when tab is shown

I am currently struggling with strange iframe behaviour: I have bootstrap tab with three youtube iframes in it. When I go to this tab for the first time, iframes dissappear, but if I click on another ...
1
vote
2answers
935 views

Modal suddenly disapearring

I use Bootstrap Modals plugin. I have put the following code for modal in my page-contact.php. <h2>Small Modal</h2> <button type="button" class="btn btn-info btn-lg" data-toggle="modal"...

1 2 3
4
5
7