Questions tagged [twitter-bootstrap]

Bootstrap is a front-end framework from Twitter designed to kick-start development of webapps and sites.

Filter by
Sorted by
Tagged with
3
votes
0answers
35 views

Dynamic Bootstrap 4 modal using JavaScript OOP

I have created dynamic Bootstrap 4 modal using JavaScript OOP. Please verify and give your reviews how I can improve the code. I have passed four parameters to create a dynamic modal: ...
1
vote
0answers
21 views

Salary-structure report using a web-presentation

I had to create a report which presents the salary structure of a firm. The data needed was provided by the client as CSV-files. I used PHP for the reading and preprocessing of the data. The actual ...
0
votes
0answers
11 views

Collapsible left-side tree

I was wondering if there is a better way to write the following code? The code is working, I am looking for better technique to achieve the functionality, if any exists. Never mind the classes that ...
3
votes
1answer
101 views

Display and search through a JSON's items in Vue.js

I have put together this small application that displays a "Users" JSON in an HTML5 table. I use Bootstrap 3, Axios and Vue.js 2 for this purpose. Here is the code: ...
2
votes
1answer
125 views

My first ToDo list in JavaScript

I'm new to programming and in front-end. It's really hard for me to learn good practices. Right now I'm trying to learn javascript basics and bootstrap in addition. I did mine first ToDo list with ...
3
votes
1answer
45 views

Note Tool - Fill text box with template

I've been working on a note tool for my company to help streamline verifying and noting accounts. I've added in extra features that help with different aspects of the job as well. I'm wondering if ...
1
vote
2answers
55 views

Replace string of class of button by class so that only one button is filled in using bootstrap buttons

I'm using bootstrap buttons, and in this case I have 5 different buttons with 5 different classes. When one of the buttons is clicked on, I want it to be the only one filled in, and the others to only ...
1
vote
1answer
47 views

Vue.js Stoplight app - Dynamically changing classes on elements

I recently started delving into Vue.js, and decided to try my hand at some custom class/style bindings, so I made a small app that's supposed to cycle through each "light" of a stoplight (red, yellow, ...
2
votes
1answer
165 views

Unidirectional Bootstrap 3 carousel

I am working on a custom Bootstrap 3 carousel, with vertical, unidirectional, slide transitions. I want to prevent slide transitions from overlapping when the bullets are clicked in random order and ...
1
vote
0answers
48 views

Small “Add Contact” HTML & Vainilla JS form

So basically I developed this form with HTML, JS and Bootstrap to add contacts to a backend. It simply shows a form so a user can input some data and it's submitted to an API. The thing is it doesn't ...
3
votes
1answer
214 views

CSS Grid and Bootstrap 4

First time posting in Code Review! I have started learning front-end development to complement my UI design skillset and am starting with CSS Grid and bootstrap. Have a look at the snippets. I think ...
2
votes
0answers
76 views

A simple “couple creator”

I just made this simple generator as a side-project to one big project I'm working on (demo on github pages here) and would like some opinions, feedback or suggestions on how to improve it. I hope you ...
1
vote
0answers
49 views

Bootstrap 4 navigation menu

I've created 3 formats for navigation menus: Singe Line Multi line Multiline with big branding My intent is to use these as a template in various applications depending on the need. I've tested ...
2
votes
0answers
3k views

Bootstrap 4 multi row navbar with big branding

I'm an asp.net web forms app using, for the first time, Bootstrap 4 as a responsive design framework. I've built a 2 row header navigation with big branding on the left, where the branding spans both ...
1
vote
1answer
116 views

Simple landing page using Bootstrap

I have written a simple landing page in Twitter Bootstrap. It works fine, I just want to know if my code is written in a "good-practice" way. ...
4
votes
2answers
1k views

Semantic markup for card blocks

I'm using Bootstrap. I'm doing my best to work with more semantic markup and getting away from divitis. Several of these "card" blocks appear on a page, like this. Original: ...
3
votes
1answer
631 views

Simple application for the game “Mad Lib”

It is an application for the game "Mad Lib". I decided to use bootstrap modal for the questions. Mad libs are a simple game where you create a story template with blanks for words. You, or another ...
1
vote
1answer
397 views

Bootstrap pagination

Here is my bootstrap pagination code. Maybe it can be simplified. ...
1
vote
0answers
46 views

ExpressTemplate, from Cloud9 to Heroku

basic setup Body-Parser, Cors, Express & Nodemon I don't think I'm using the favicon correctly. I was calling it locally, but I don't have local resources on code pen. It seems to always be using ...
5
votes
2answers
161 views

HTML/bootstrap demo page

I've been coding for a while but I wouldn't really consider myself all that good at it. I recently started to learn bootstrap, and I really liked it and made a page to test it out. It has some basic ...
1
vote
0answers
414 views

Nesting One or Multiple Forms in a Row

I have some simple HTML for a +/- Button, Phone Number Textbox, and a Phone Number Type Dropdown. I'm new to Bootstrap, so with the help of the tool Bootstrap Studio I generated this code that I ...
1
vote
0answers
678 views

Sass Collapsible sidebar in Bootstrap 4

I am creating a static site in HTML and CSS. I'm using Sass for the CSS. The whole repository can be found here on Bitbucket. I wanted feedback on the way I've done the sidebar. The code is split ...
4
votes
1answer
2k views

Build a quiz game with ReactJS

The task is to build a quiz game which has the following sections: Displaying a question Answer options Status of correct and incorrect answers so far Expected functionality: A question is ...
-2
votes
3answers
132 views

Interview project to redesign a website for a property

I'm applying for a UI/UX position at a company that makes software for landlords, apartments, property managers, etc. After the interview the hiring manager gave me a project to work on. These are the ...
4
votes
1answer
771 views

Step by step wizard

I'm currently working on creating a step by step wizard in Angular and twitter-bootstrap. I've actually got it to work as intended but as I'm looking to advance my skills I'd like to hear if you have ...
1
vote
1answer
219 views

Time Card Web Application Offline

About & Purpose Purpose: As said by the title this is just a simple web application for use of a SINGLE user. It has the features of calculating total hours, clocking in, and clocking out. It ...
1
vote
1answer
208 views

Storing JWT in client side and putting tokens in all the future request

I have started using NodeJS with Express JS and PassportJS and JWT for User Authentication. I am able to authenticate the user and generate JWT Token. I am using Bootstrap for my front-end. By using ...
3
votes
2answers
241 views

Responsive buttons for post navigation

I have tried to make two buttons to be used for post navigation below each post on a blog: It works, however - it feels like to much code and classes for so little. I'm using Bootstrap 4, alpha 6. Is ...
2
votes
0answers
204 views

Ruby on Rails portfolio website

I've been learning Ruby on Rails for the last few weeks. I've decided to do a portfolio website using Ruby on Rails to showcase all of my projects. Can you look through my code to see what you think? ...
2
votes
1answer
4k views

Simple survey application with jQuery and Bootstrap

I needed to put together a small survey / test application which consisted of a bunch of radio inputs. I decided to give the standard radio button a visual overhaul and also rethink the visual ...
0
votes
1answer
2k views

Optimizing add data from list to dynamic list using JQuery

I recently came across the need to be able to allow a user to select a value from a select list, and have it dynamically displayed in an unordered list and have the value disappear from the unordered ...
1
vote
1answer
98 views

Website for a historical society

Could you please tell me how I did on my first website? I designed it using Bootstrap v3.3.7 Here is the code from the index file. ...
4
votes
1answer
337 views

Bootstrap file input styler

This simple JavaScript code styles all file inputs to match with Bootstrap's style. Simply, it turns this: Into this input: ...
3
votes
0answers
728 views

Flask site that uses x-editable to edit elements and update mysql db

This code is built in flask, it allows a user to edit a title and a description of a div. I have used the X-editable library which allows a user to edit text and use ajax requests. I also process ...
3
votes
0answers
34 views

Responsive layout for showing/hiding 4 panels

I have 4 panels that will contains tables for data. There will be instances where a panel will contain no data, so I have combated wasted space with the code below. I'm relatively new to both jquery ...
1
vote
1answer
353 views

Create bootstrap toolbar

I have created a bootstrap toolbar(navbar) which is working. my question is, since this is my first time on this topic if there is a place for improvement ? we are using some mock to enter some dummy ...
1
vote
1answer
86 views

Bootstrap responsive layout

I'm creating a responsive page with bootstrap. I tested my code with my browser (Firefox and Chrome) and it works. Is the code clean or is there a better way to code it? ...
1
vote
0answers
201 views

jQuery plugin for dropdown with multiple select

This is my first time creating a jQuery plugin. As there are many tutorials for jQuery plugins, I'm not sure if my code correct. This is my first draft for my plugin, it is working but I haven't ...
3
votes
2answers
5k views

PHP contact form using PHPMailer and Google Recaptcha

My company is designing a new site, and because I'm currently on bench I've been tasked with writing any PHP required. Pretty simple stuff, just a contact form and a resume upload page, both using a ...
1
vote
2answers
91 views

Single page site with navigation bar

I've made a simple one page site to practise using Bootstrap. Could you please look at the HTML & CSS and check for possible improvements? Here's a page. HTML ...
3
votes
1answer
2k views

Building a multi-panel display with React and Bootstrap

The exercise is part of a React course in which I'm currently enrolled. Description: The way it shall look on desktop-screen: How it shall look on mobile: Here's my solution: HTML ...
5
votes
1answer
141 views

Single-page website

I learned HTML, CSS, JS, and Bootstrap then I grabbed a PSD and tried to code it from scratch (to get experience and something for my currently-non-existent portfolio). Here's the result. I need ...
0
votes
1answer
66 views

Excerpt from a grocery shopping site using SASS [closed]

I am a UI/UX designer. I am working on the HTML of a website, using Sass/scss+bootstrap 3 project. It's my first project in sass/scss. Now my developer's feedback is: HTML code is not up to mark. ...
7
votes
1answer
419 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 ...
10
votes
2answers
820 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 ...
1
vote
0answers
546 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
82 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
1answer
126 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 ...
2
votes
1answer
265 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
17k 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 ...