All Questions
Tagged with pug twitter-bootstrap
155
questions
-1
votes
1
answer
561
views
pug is not responsive
I'm using Bootstrap in a pug template, but the layout is not responsive
// layout.pug
html
head
title= title
link(rel='stylesheet' href='https://cdn.jsdelivr.net/npm/[email protected]/dist/css/...
0
votes
1
answer
145
views
Class with whitespace in Jade / Pug templating
Im trying to add a modal window from Bootstap to jade / pug template, but i am failing.
Expected result is :
<div id="fa" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="...
0
votes
1
answer
658
views
How to generate bootstrap columns 6-6 in Pug JS with data
I'm starting with node Express.js framework and I came across this
I'm getting Category array from API and I'm trying to display that category a 6-6 column with bootstrap. but don't know how to ...
0
votes
1
answer
431
views
Rendering dynamic checkbox elements to 3 every row with pug template
I need to render a dynamic set of checkbox elements with the pug template on my Express JS web app.
I am with the Bootstrap styling with the pug template. How to render the checkboxes depends on the ...
0
votes
0
answers
35
views
If/Else Bootstrap Pagnation Rule only work on root URL (Express JS / Bootstrap)
The issue
This code works perfectly when visiting Page 1 (first page) and Page 574 (last page), it will block the Previous and Next Buttons to show the start/end of the pagination.
However, when I am ...
1
vote
0
answers
167
views
Bootstrap seems to be messing with my navbar
In my view template, I am using bootstrap but am adding my own nav bar through css. But the items won't align to the center.
When I take bootstrap out, they align perfectly. It's really frustrating ...
1
vote
1
answer
58
views
Retrieving clicked drop-down item using jQuery
How would I retrieve the value of a drop-down button, positioned to the right of a text-box, using Bootstrap and JQuery?
For example, clicking "Add" would recognize it was the 'Add' drop-down item ...
0
votes
1
answer
103
views
Collapsing toolbar when checkbox checked
This is probably basic stuff, but i'm new to bootstrap & jQuery
I have a table with a checkbox at each line.
I'm trying to display a collapsed element when atleast one checkbox is checked
As ...
1
vote
1
answer
1k
views
Scrollspy not highlighting nav links
So I'm just making a mockup web template and would like active nav links to change upon scroll position. I was looking at using javascript but instead have moved to scroll spy as it seems simple ...
0
votes
1
answer
355
views
Bootstrap form in modal doesn't submit
When clicking 'submit', the form doesn't respond (and nothing is sent to server). I temporarily set the value of the form to GET from a random website. The close button correctly closes the modal. I ...
0
votes
1
answer
886
views
"each element in group" in pug does not show any value
I'm trying to populate a dynamic row/col (formerly known as tables) in pug from a JSON object provided with res.render in node.js.
My problem is, that simple values are displayed with ease, but more ...
0
votes
1
answer
159
views
Pug/Jade: Typeahead.js breaks css of entire form
I got some problems implementing typeahead.js
Current setup:
I use Bootstrap v.3.3.7
I implemented jQuery 3.2
I downloaded the typeahead.bundle.min.js v.0.11.1 from Github
I added the JS file to my ...
1
vote
1
answer
42
views
How to get nav-pils selection when user submits?
I'm using bootstrap and pug to display a tab view and I want to know what tab the user has selected when they submit. How do I get this? Can I get this in the query? Or can I store it somewhere in ...
0
votes
0
answers
603
views
Jade /Pug - Bootstrap columns not working
I am creating a simple form with jade / pug and Bootstrap. But label and field are being displayed vertically instead of each one in a column.
Am I missing something?
div.container-fluid(style='...
2
votes
1
answer
3k
views
Unable to get DataTables to work with Jade
I have written the following Jade/Pug template but it does not fire up the datatables and I cannot see what I am doing wrong. Can someone spot the issue ?
html
head
title= 'Feed List'
...