Bootstrap is a front-end framework from Twitter designed to kick-start development of webapps and sites.
23
votes
5answers
994 views
Cardshifter game lobby
We've been hard at work creating a browser-based GUI/Client for playing the Cardshifter TCG for the past week or so. Today, I just finished doing a pretty complicated layout for the chat lobby, along ...
14
votes
2answers
213 views
FizzBuzzLizardSpock
I decided that since I was learning AngularJS and Bootstrap, I'd be remiss not to post a FizzBuzz, but FizzBuzz bores me, so I've extended it.
My version of FizzBuzz is configurable, and allows you ...
9
votes
2answers
87 views
HTML5 markup for blog article
Recently I started a blog project. It is my first time that I create something so advance. I use task runners, SEO optimization, preprocessors, I will code in full stack environment and all the other ...
8
votes
1answer
3k views
Creating bootstrap modals that can run JavaScript in MVC5
I have an MVC5 & C# application using the Razor engine.
In my application I have a view, called "Index.cshtml". In this view I want to present a bootstrap modal to the user.
When presented to ...
7
votes
1answer
102 views
My minesweeper implementation in Javascript
I'm beginner coder and I would like to request for critique review of my minesweeper implementation. Game was made using bootstrap 3 and game board itself is a simple html DOM table. Game is complete ...
6
votes
2answers
4k views
Correct way to extend Bootstrap Modal - lock, unlock
I'm trying to extend bootstrap 3 modal window with ability to disable closing it.
I've built this code:
...
5
votes
1answer
263 views
Cover letter generator: guides writing a template and autofills information
This is my first public web-application. I'm a beginner to JavaScript and this is my first time using jQuery. It's not complete, but I'd love some feedback on the programming and the functionality. As ...
5
votes
1answer
129 views
Cleaning up a dining hall…website
I am making a website that takes a bunch of dining hall information and puts it all together in a neater (and hopefully more mobile friendly) form.
Here is the link:
https://googledrive.com/host/...
5
votes
1answer
680 views
Bootstrap form clean code - Tables VS Divs and more
I am developing a form on bootstrap, and I'd like to know if what am doing is best practice and a clean code or not.
Here's a form I'm working on, please help me make it "clean code".
...
5
votes
0answers
343 views
Datepickers for departure and return dates
I have to two datepickers. I want achieve a following functionality: when return date cannot be selected before departure and departure cannot be after return date. Mainly I am interested in ...
4
votes
1answer
100 views
User Registration Form Layout
I am working on a site where I need to be able to accommodate frequent flyers but I am not so good at user interface design when I am given such a long leash.
I am using ASP.NET (I am restricted by ...
4
votes
0answers
310 views
Ajax bootstrap modal form function
I made a few functions to handle an Ajax post request for a form inside a bootstrap modal, and then update the form errors / display a success message disappearing with a timer countdown upon valid ...
3
votes
3answers
15k views
Twitter Bootstrap collapsing ONLY “phone view” navbar menu on click
This is a hard question for me to ask, because I don't really know how to explain it. So, please, bare with me.
Bootstrap menu, as I know, has 2 modes: "desktop" mode "phone/tablet" mode. The desktop ...
3
votes
2answers
62 views
“Pill” with thumbnail and link
I'm currently trying to display a list of movies with this pill-like elements. The code below works but I guess there is a better way or a way to use elements from the twitter Bootstrap. It also ...
3
votes
2answers
3k views
Dynamically load data into bootstrap accordion navigation bar
I have made a bootstrap accordion navigation bar that loads data dynamically from a database with PHP.
Here are the two tables that I use:
...
3
votes
1answer
280 views
Simple JavaScript quiz application with radio buttons
I've created a simple JavaScript application, which also happens to be my first-ever piece of code in any programming language.It took me two days to get the core correct and another two days for ...
3
votes
1answer
2k views
Simple AJAX login/register script
I'm using Twitter Bootstrap. I haven't coded anything significant web design related in a while, because I've been doing desktop stuff and games. I'm trying to get back into the flow of things. Can ...
3
votes
1answer
446 views
Follow button like on Twitter
I want to create an like button like on Twitter. I used Twitter bootstrap and this code:
...
3
votes
1answer
61 views
Bootstrap WordPress Carousel Recent Posts
This works, but I would like suggestions to improve it. For one I think the get posts shouldn't have to be repeated twice, but it only pulls the first two posts if I don't do it this way.
Also, I ...
3
votes
1answer
396 views
Bootstrap 3 custom header
I need a second set of eyes to look at my twitter bootstrap 3 header. I would welcome some insight on the code structure and methodology as it relates to bootstrap best practices and efficiency.
<...
3
votes
1answer
351 views
Activating image and video carousels
I am using this jQuery code to get two carousels working in bootstrap, and it's working for me.
...
3
votes
1answer
1k views
Improving Tooltips with json data
This is a working example that I am trying to improve.
Throughout the application I am working on one of the requirements was to have tooltips everywhere. However the customer wanted the ability to ...
3
votes
2answers
179 views
Star rating: Update stars on click and don't lose the actual vote on re-hover
I'm trying to make a star based rating system.
First of all, I don't like to make it all with JS and only innerHTML the rated stars in a given div. I want to make ...
3
votes
1answer
460 views
Building a bootstrap modal window
I've built a modal window as seen in my modal HTML and CSS code below and was looking for any tips/advice regarding how well I've applied any best practices in both my HTML and styling with regards to ...
3
votes
1answer
86 views
Styling and activating radio buttons on condition
I have some php code to style a button and activate it, when a specific variable is true.
It's actually a radio button, styled with the bootstrap to a button.
As you can see below, this is how it ...
3
votes
1answer
202 views
Bootstrap show many move one carousel modification
I've been steadily improving a show many move one carousel sample that I found a few weeks ago. I want to post my improvements for others to use but don't want to spread bad code. I'm not an expert in ...
2
votes
3answers
134 views
Playing with colours
I was hoping people could help me review the following page that I've been working on. The page has a simple form that looks at a list of colours and draw a few divs with those colours as backgrounds (...
2
votes
1answer
116 views
Log in / sign up form
I'm getting into jQuery and I figured I'd start with log in / sign up form. (As an aside, I'm fully aware log in / sign up forms exist ad infinitum; this is more as a learning exercise than anything)
...
2
votes
1answer
8k views
Toggle-item inside a Bootstrap dropdown-menu
I have this working code for a toggle-item inside a Bootstrap dropdown-menu. See demo here.
I suspect that it should be possible to improve it :
in order to have a shorter code and avoid all the <...
2
votes
2answers
1k views
HTML & CSS code for small responsive test project based on Bootstrap 3
Don't pay attention to the menu being awful above 789px. The "theoretical" task was to support only tablets and smartphones and I didn't bother to make the menu look fine on other devices. Just ...
2
votes
1answer
48 views
Forum project using OOP PHP
I've been developing a forum as my first OOP project, I've successfully built a login/registration and other functionality typical in forums.
I'm looking for some guidance in terms of where to take ...
2
votes
1answer
9k views
Bootstrap Comment post HTML markup
I am creating styles for the comment posts for a projects using BootStrap. I am wondering if this is good HTML markup and the extending of BootStrap's CSS.
Using HTML5 markup recommendations the HTML ...
2
votes
1answer
139 views
Bootstrap Modals
I am learning how to implement Bootstrap modals in AngularJS. I can do it when the modal code (the actual popup window code) is on the main page, but I want to be able to display external files so ...
2
votes
1answer
134 views
Share data between controllers with service
I have to share data between controllers. In this example I'm using an aside. This has the exact same functionality as a modal from Angular Bootstrap.
I put the aside in my service so I can close it ...
2
votes
1answer
332 views
Bootstrap CSS Container Layout
I've always been used to write my own CSS but I decided to give a go to twitter-bootstrap and I want to make sure I'm not using more HTML containers that I need to:
This is my code for a single ...
2
votes
1answer
526 views
jQuery for image swapping and some JS for text swapping
I am designing a website for a company that manages buildings/real estate. I did not have much use for a CSS library like Bootstrap or Foundation, except on one page of the website. This page ...
2
votes
0answers
1k views
Smarter Boostrap Affix
The normal boostrap affix doesn't take the items natural offset top position into account, you have to manually pass it in as an attribute. This takes care of that, and accounts for the offset top ...
2
votes
0answers
168 views
2
votes
0answers
101 views
Create one function instead of two bootstrap modal
I have a form that reads a JSON file for default wrong answers to be applied to a 'summary div' at the end of the form.
I wondered if I could make these two functions one somehow?
It is a bootstrap ...
2
votes
0answers
78 views
Bootstrap Tabs With SammyJs
Is there a better way to implement bootstrap tabs routing with SammyJS besides this?
...
2
votes
0answers
3k views
Overriding sorter and matcher in Bootstrap Typeahead
In this code, I'm overriding the sorter and matcher for Twitter-Bootstrap's Typeahead functionality. The reason for the override is to allow state (technically Jurisdiction) abbreviations to be used ...
1
vote
1answer
26 views
Select the correct input when using input group after pressing a button
Introduction: I'm creating a form using bootstrap and I have different input groups with the same structure and functionality.
All of them have a '-' button on the left and a '+' button on the right ...
1
vote
1answer
110 views
Resumé builder app
Wrote this an hour or so after learning some basics.
Took me a while because I had to write it in a way to fit the previous structure of my page. Basically, there are three rows of data. There has to ...
1
vote
1answer
169 views
Overlaping sections using Bootstrap and CSS
I'm currently converting a PSD to a web template and attempting to overlap content and I'm running into a issue with the 3rd section because there is more padding than the first overlap and using the ...
1
vote
1answer
333 views
Close modal and open new modal
I am trying to create a script that shows my login modal on page load. I have a button that opens the register modal and closes the login modal if clicked.
Here is the script I am using:
...
1
vote
1answer
126 views
Setting combined height and width viewport “breakpoints”
I'm using JavaScript to handle breakpoints in a single page, non-scrollable application. I want to do various things when changing viewports, such as fire off animations with a JavaScript animation ...
1
vote
1answer
2k views
Dynamically adding blocks of information to a page
I have code that dynamically adds blocks of information to my page. I don't know in advance how many blocks there will be. I want to utilize Twitter Bootstrap (3.x) to layout them in three columns (e....
1
vote
0answers
38 views
Printing many-to-many relationships in an HTML/bootstrap table
I need to print the many-to-many relation ship in my tablet. However, I don't know what to do for my case: I tried tons of ideas, however, I may have done something wrong because nothing worked.
Here ...
1
vote
0answers
34 views
Bootstrapped tabbed table view
This produces tabbed tables.
Here's how it looks:
Each table displays comments of E-commerce products. The variable dtProductComments is ...
1
vote
0answers
26 views
Carousel Like Navbar
I found this answer on stackoverflow:
http://stackoverflow.com/questions/18087088/using-arrow-buttons-to-scroll-window-horizontally#answer-18088332
and customized it.
It is designed to be a "...
