Bootstrap is a front-end framework from Twitter designed to kick-start development of webapps and sites.
1
vote
1answer
51 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
0answers
13 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 ...
3
votes
0answers
78 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".
...
0
votes
0answers
30 views
Bootstrap alert plugin
I'm now venturing into the world of function writing. I have pieced this code together getting a head start from Dynamically create bootstrap alerts box through javascript. I have added animation on ...
1
vote
1answer
35 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 ...
22
votes
5answers
823 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 ...
4
votes
0answers
83 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 ...
0
votes
1answer
74 views
Offline Euler problem viewer (text only) [closed]
I've created a single page web application (that should work offline, without a database, etc.) using bootstrap and JavaScript to act as an Euler question viewer (text only). It simply renders the ...
2
votes
1answer
54 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 ...
3
votes
0answers
43 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 ...
1
vote
1answer
84 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:
...
12
votes
2answers
186 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 ...
0
votes
0answers
91 views
Method for realtime form validation
A quick little method for validating form input with jQuery (and some built in bootstrap classes). I know the regex isn't perfect but it's close enough. Thoughts?
...
0
votes
0answers
161 views
Simple Bootstrap Panel Plugin
Right now I'm studying OOP with javascript/jQuery and so far upon reading tutorials over the internet and with the helping hand of google, I come up with a way to do it based on my own understanding.
...
3
votes
1answer
220 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
118 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 ...
0
votes
0answers
380 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 ...
1
vote
1answer
97 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
749 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 ...
1
vote
0answers
122 views
3
votes
2answers
106 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 ...
2
votes
0answers
87 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 ...
3
votes
1answer
247 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 ...
2
votes
0answers
56 views
Bootstrap Tabs With SammyJs
Is there a better way to implement bootstrap tabs routing with SammyJS besides this?
...
1
vote
0answers
382 views
Custom bootstrap plugin extending popover with ZeroClipboard integration
I'm trying to create bootstrap plugin that will be used for copying content to clipboard.
I managed to build working version of my plugin but I'm wondering how I can improve it.
Idea is to show a ...
1
vote
1answer
5k 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
3answers
120 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 ...
8
votes
1answer
2k 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 the ...
2
votes
1answer
93 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
5k 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
1answer
229 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 ...
3
votes
1answer
70 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 ...
5
votes
1answer
207 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 ...
3
votes
2answers
2k 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
222 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.
...
1
vote
0answers
837 views
Minimize code modal dialog and jQuery AJAX calls based on button click
HTML Code: for Add New button
...
2
votes
2answers
900 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 ...
6
votes
2answers
3k 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:
...
2
votes
1answer
403 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 ...
3
votes
3answers
10k 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 ...
5
votes
1answer
123 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:
...
0
votes
1answer
1k views
Loading YouTube videos inside a bootstrap modal
The following code loads a YouTube video inside an iframe, where the tricky part is to sync the onYouTubeIframeAPIReady and ...
2
votes
0answers
2k 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 ...
