• Trusted by:

Hire Twitter Bootstrap developers and engineers

Eric W. Greene, United States

Member since November 16, 2013
Eric loves to write code in a high-paced and challenging environment with an emphasis on using best practices to develop high quality software that meets project requirements, budget, and schedule. He enjoys learning new technologies and sharing findings with his colleagues. Click to continue

Simanas Venčkauskas, Lithuania

Member since August 26, 2013
Simanas is a passionate developer, entrepreneur, and business analyst who excels at utilizing latest artificial intelligence techniques to deliver top-quality software solutions in the shortest period of time. Click to continue

Goran Prijic, Serbia

Member since June 28, 2013
Goran is a web developer, architect, Scrum master, and entrepreneur. Creator of the Agile project management tool VivifyScrum.com, his primary goal is to help his clients create products that are valuable and useful to end users. He is dedicated and professional, delivering high quality code and continuous improvements on every project. Click to continue

Marko Ilievski, Macedonia

Member since August 11, 2013
Marko enjoys developing quality software solutions for the web. He considers quality and maintainability to be the core values of every solution he implements, and he always seeks opportunities to prove himself by developing the best possible solutions for his clients. Click to continue

Yaron Guez, United States

Member since December 17, 2013
Yaron is a software architect, web developer, and entrepreneur based out of San Diego, CA with a decade of advanced programming experience and an ability to craft elegant solutions to complex problems. An active participant in the San Diego tech community and a co-organizer of the Advanced WordPress Meetup. Click to continue

Tomislav Bacinger, Croatia

Member since May 1, 2014
Tomislav is a geospatial software engineer with extensive experience in data analytics and data manipulation, and creation of interactive and immersive visualizations. He has in-depth knowledge of various GIS technologies and strong experience in design and development of web and mobile applications. Maps and visualizations are his passion. Click to continue

Andrew Onyshchuk, Ukraine

Member since October 1, 2013
Andrew is an experienced web developer who is obsessed with learning newer and better technologies to bring the best solutions to all products and ideas. He possesses a vast range of skills and has experience with many different technologies, designs, and methods of execution. Click to continue

Pedro Moreira Torres, Portugal

Member since March 11, 2013
Pedro is a talented mobile and web software engineer with successful entrepreneurial experience. He has a strong background in back-end development, as well as in iOS, Android, and HTML5 apps. He is very passionate about new technologies, and strives to master and utilize the newest tools. Click to continue

Josh Smith, United States

Member since October 5, 2012
Josh is a freelance full stack developer, from graphic design on down to systems administration. He has founded two companies and led product development and engineering work at two others. He loves data-driven design, continuous deployment, and customer development. He fully believes in applying the scientific method to everything he does. Click to continue
A hiring guide
The Vital Guide to Bootstrap Interviewing

As with any technology, and especially with frameworks, there’s a difference between knowing Bootstrap and really knowing Bootstrap. This article offers a sampling of questions that should help you identify a developer that not only understands Bootstrap but is also a master of the Bootstrap framework.

Twitter Bootstrap Resources
Trustpilot
Toptal on TV
"Toptal is killing it, it kind of owns this market."
Andrew Ross Sorkin Reviews Toptal
Cnbc 02e66b
"Tech companies simply cannot find the quality employees they want to hire. The solution: Toptal."
Liz Claman´s Review of Toptal
Fox 7ef901
Toptal in the press
“Despite accelerating demand for coders, Toptal prides itself on almost Ivy League-level vetting.”
Selina Wang
“Toptal allows corporations to quickly assemble teams that have the right skills for specific projects.”
Steven Norton
Testimonials
“We needed some short-term work in Scala, and Toptal found us a great developer within 24 hours. This simply would not have been possible via any other platform.”
Franco Arda
Co-Founder @ WhatAdsWork.com
“I can't say enough about how happy and confident I am in working with Enrique. He brings an enthusiasm to his profession that is very refreshing, constantly surprising us with his depth of knowledge and his capability to not only complete the task, but to surpass our expectations. He presents us with solutions that we would not have thought about ourselves, and sees the problem better than we can explain it.”
Chad Berryman
Senior Technical Lead @ Zoomedia
“We've had multiple needs for various development talent and Toptal doesn't disappoint. They truly focus on matching the best developer to our specific engagements, and they continue to stay connected in an effort to exceed our expectations at all times”
Mindle Hastings
Sr. Product Manager @ Bodybuilding.com
“As a Toptal qualified front-end developer, I also run my own consulting practice. When clients come to me for help filling key roles on their team, Toptal is the only place I feel comfortable recommending. Toptal's entire candidate pool is the best of the best. Toptal is the best value for money I've found in nearly half a decade of professional online work.”
Ethan Brooks
CTO @ Langlotz Patent & Trademark Works, Inc.
“We needed a talented developer and we needed him/her very quickly. So we turned to Toptal and couldn't be happier with the results! Our Toptal freelancer has contributed extraordinary knowledge, talent, and startup experience to our team. We will continue to work with Toptal to fulfill our future talent needs.”
Lindsay Fairman
Founder & Owner @ FairTech Labs, LLC
“I am more than pleased with our experience with Toptal. The professional I got to work with was on the phone with me within a couple of hours. I knew after discussing my project with him that he was the candidate I wanted. I hired him immediately and he wasted no time in getting to my project, even going the extra mile by adding some great design elements that enhanced our overall look. ”
Paul Fenley
Director @ K Dunn & Associates
“Robert was such a breath of fresh air. He was an excellent communicator and knew exactly what I was looking for. Now, I have a website that works better than I thought it could for less than the cost -- and in half the time -- it would have taken other developers. Robert is as good as they come, a true professional -- anyone thinking of working with him, hire him. You won’t regret it.”
Matthew Bennett
CEO @ Winning Social LLC
“Chris is an absolutely exceptional Python developer, and the single most efficient programmer I've ever worked with. From the beginning of the project, Chris was instantly a vital member of the team. He's proactive, self-managed, knowledgeable, and efficient. I point him in a direction, and he delivers. Chris will be a part of the Crisis Cleanup team as long as I have anything to say about it.”
Aaron Titus
Project Manager @ Crisis Cleanup
“I couldn’t have been more pleased with Toptal. They are professional, quick, well priced, and fun. I will be using them again for my next project, and the next, and the next, and the next ... ”
Mac Smith
President @ New Texas Investments
“Dario was recently assigned to our company in order to help with PHP and JW Video player refinements. He listens extremely well and offers common sense suggestions that save both time and money. He speeds up the process by asking great questions, and he just delivered our first project on time. His redesigned player offers a very pleasing appearance and delivers functions that are both elegant and intuitive.”
Dennis B. Jacobs
President @ College TV Ticket
“We've been incredibly pleased with our experience working with Toptal thus far. Their team worked quickly and efficiently to isolate the needs of our project, and they paired us with an appropriate developer within a couple days who we quickly contracted after a great interview. The work performed on our project was top-notch, and we can’t wait to make use of Toptal’s resources again.”
Ryan Staake
Owner @ Pomp&Clout
“My experience with Toptal has exceeded expectations. I needed to quickly find a front-end developer, and the first person they recommended was a perfect fit. A month later, I needed an iOS developer and they delivered again. I'm incredibly impressed with the quality of the people in Toptal's network and how quickly I was able to find a match for my needs.”
Bruno De Martino
Head of Product @ Token
“As a growing startup, finding top-notch engineering talent at affordable rates is one of the biggest challenges. After being frustrated with unreliable local contractors in New York, we turned to Toptal. We worked closely with Michal in Poland for 5 months and were thrilled with the results. Michal was an outstanding engineer who communicated flawlessly and took control of our project in ways that far exceeded my expectations. I give Michal and Toptal my highest endorsement and will continue to use and recommend them to anyone looking for software engineering talent.”
David Baker
Founder @ Spins.FM
Hire a top Twitter Bootstrap developer now.
Toptal is a marketplace for top Twitter Bootstrap developers, engineers, programmers, coders, architects, and consultants. Top companies and start-ups choose Toptal freelancers for their mission-critical software projects.
Full
profile
Eric W. GreeneUnited States
Eric loves to write code in a high-paced and challenging environment with an emphasis on using best practices to develop high quality software that meets project requirements, budget, and schedule. He enjoys learning new technologies and sharing findings with his colleagues.
[click to continue…]
Twitter BootstrapJavaScriptSQLHTML5CSS3AngularJSBootstrapjQueryMicrosoft Certified Professional Developer for ASP.NET 3.5Microsoft Certified Solutions Developer .NET 4.5 Web Applications Developer
Hire
Full
profile
Simanas VenčkauskasLithuania
Simanas is a passionate developer, entrepreneur, and business analyst who excels at utilizing latest artificial intelligence techniques to deliver top-quality software solutions in the shortest period of time.
[click to continue…]
Twitter BootstrapPythonDjangoTensorFlowGitLinuxPostgreSQL
Hire
Full
profile
Goran PrijicSerbia
Goran is a web developer, architect, Scrum master, and entrepreneur. Creator of the Agile project management tool VivifyScrum.com, his primary goal is to help his clients create products that are valuable and useful to end users. He is dedicated and professional, delivering high quality code and continuous improvements on every project.
[click to continue…]
Twitter BootstrapJavaScriptPHPBootstrapAngularJSAgile Software DevelopmentMySQL
Hire
Full
profile
Marko IlievskiMacedonia
Marko enjoys developing quality software solutions for the web. He considers quality and maintainability to be the core values of every solution he implements, and he always seeks opportunities to prove himself by developing the best possible solutions for his clients.
[click to continue…]
Twitter BootstrapSQLC#JavaScriptAngularJSBootstrapASP.NET MVCVisual StudioSQL Server
Hire
Full
profile
Yaron GuezUnited States
Yaron is a software architect, web developer, and entrepreneur based out of San Diego, CA with a decade of advanced programming experience and an ability to craft elegant solutions to complex problems. An active participant in the San Diego tech community and a co-organizer of the Advanced WordPress Meetup.
[click to continue…]
Twitter BootstrapSQLBootstrap 3BootstrapMailChimp APIResponsive Web Design (RWD)WordPressMySQL
Hire
Full
profile
Tomislav BacingerCroatia
Tomislav is a geospatial software engineer with extensive experience in data analytics and data manipulation, and creation of interactive and immersive visualizations. He has in-depth knowledge of various GIS technologies and strong experience in design and development of web and mobile applications. Maps and visualizations are his passion.
[click to continue…]
Twitter BootstrapJavaScriptHTML5C#CSSBootstrapAngularJSjQueryGISAJAX
Hire
Full
profile
Andrew OnyshchukUkraine
Andrew is an experienced web developer who is obsessed with learning newer and better technologies to bring the best solutions to all products and ideas. He possesses a vast range of skills and has experience with many different technologies, designs, and methods of execution.
[click to continue…]
Twitter BootstrapCSSPHPBootstrapKnockout.jsAngularJSYiijQueryVK APIjQuery UILinuxWindows
Hire
Full
profile
Pedro Moreira TorresPortugal
Pedro is a talented mobile and web software engineer with successful entrepreneurial experience. He has a strong background in back-end development, as well as in iOS, Android, and HTML5 apps. He is very passionate about new technologies, and strives to master and utilize the newest tools.
[click to continue…]
Twitter BootstrapCSS3JavaScriptHTML5DjangoBootstrapjQueryjQuery MobileFacebook APITwitter APIGoogle MapsXcodeAgile Software Development
Hire
Full
profile
Josh SmithUnited States
Josh is a freelance full stack developer, from graphic design on down to systems administration. He has founded two companies and led product development and engineering work at two others. He loves data-driven design, continuous deployment, and customer development. He fully believes in applying the scientific method to everything he does.
[click to continue…]
Twitter BootstrapRubyHTML5Swift 2JavaScriptCSS3SwiftSQLCocoa TouchRuby on Rails (RoR)BootstrapjQueryTwitter API
Hire

The Vital Guide to Bootstrap Interviewing

As with any technology, and especially with frameworks, there’s a difference between knowing Bootstrap and really knowing Bootstrap. As the framework gained more popularity, the population of developers that are using Bootstrap has grown significantly in the last few years. But true Bootstrap experts know more than simply how to create a webpage with default Bootstrap settings. They know hidden gems of the framework, they understand all the caveats, and they know how to work around limitations. The end result of a true expert is a website that nobody would ever expect to run Bootstrap underneath the hood. This article offers a sampling of questions that are focused on identifying those kinds of developers who understand Bootstrap in its core.

The Challenge

From a recruiting standpoint, the growth in Bootstrap popularity is both good and the bad news. While on one hand it makes Bootstrap developers easier to find, it also makes finding the jewels among them that much more elusive. Also, Bootstrap is a collection of HTML, CSS, and JavaScript tools; which means that finding a good Bootstrap developer often involves finding a good front-end developer that has a strong knowledge of HTML5 and its specification, understands responsive design, knows how to create desktop and mobile webpage variations, and is proficient in client-side scripting and JavaScript frameworks (including jQuery) to be able to use Bootstrap to its full power.

Toward that goal, this article offers a sampling of questions that are key to evaluating the breadth and depth of a candidate’s mastery of the Bootstrap framework. It is important to bear in mind that these sample questions are intended merely as a guide, as described in our post In Search of the Elite Few. Not every “A” candidate worth hiring will be able to properly answer them all, nor does answering them all guarantee an “A” candidate. At the end of the day, hiring remains as much of an art as it does a science.

Covering the Basics

Knowing the basics is important. I can’t stress this enough, read the documentation, play and experiment with provided samples, and get the basics right.

Q: Discuss the differences between available Bootstrap variations.

Bootstrap is available in two forms: as a precompiled version and as a source code version. Each one is appealing to different skill levels and a different use case.

The source code version comes with styles source code written in Less, with all the JavaScript and accompanying documentation. This allows more ambitious designers and developers to change and customize all the provided styles at their will, and to build their own version of Bootstrap. For developers not familiar with Less, there is an official Sass port of Bootstrap also available. The source code version requires a Node.js, Grunt for building and compiling, and a Sass or Less compiler depending on your preprocessors preferences.

The precompiled version on the other hand comes with compiled and minified CSS, JavaScript, and fonts. Neither documentation nor original source files are included, and since all the files are precompiled, no special setup is needed. You download an archive and you are ready to go.

Q: Explain how can you include precompiled Bootstrap files inside your existing project, and what you need to change if you break the initial folder structure.

As mentioned in previous question, since precompiled comes with all compiled and minified files, and no additional special setup is needed. Basically, it doesn’t matter much where you place provided Bootstrap files. You can easily place the files inside your existing folder structure. The only important thing to take care of is that the Glyphicons fonts folder is on the same level as the CSS folder. In case you want to move or rename font files, you need to update the CSS in one of three ways: * Change the @icon-font-path and/or @icon-font-name variables in the source Less files. * Utilize the relative URLs option provided by the Less compiler. * Change the url() paths in the compiled CSS.

Q: Describe which CSS reset rules are set, and how Bootstrap changes default browser’s ‘user agent’ stylesheet.

Every browser has its own default user agent style sheet that is applied to the HTML. To overcome the differences between the browsers, Bootstrap comes with normalize.css, an HTML5-ready alternative to CSS resets. Then are defined some default style settings; to name a few, global default font-size is set to 14px, line-height to 1.428, default font is changed to Helvetica with Arial and sans-serif fallback. All these styles are applied to the <body> and all paragraphs, with the addition that <p> (paragraphs) receive a bottom margin of half their computed line-height of 10px. Besides these defaults, there are also customizable styles for standard HTML tags that bring more consistency to the text, such as highlighted text (<mark>), deleted text (<del> and <s>), underlined text (<u>), small text (<small>), and bold text (<strong>). Alignment classes help to arrange content on the page more easily by using .text-left, .text-center, .text-right, .text-justify and .text-nowrap classes. There are also predefined styles for block quotes, and unordered and ordered list with inline options, just to name a few.

Q: Describe what Bootstrap offers in terms of components and plugins, and how can they be used.

Bootstrap comes with a lot of UI components, HTML and CSS design templates, and JavaScript plugins. Some of them are: Typography, Tables, Forms, Buttons, Glyphicons, Dropdowns, Buttons and Input Groups, Navigation, Pagination, Labels and Badges, Alerts, Progress Bars, Modals, Tabs, Accordions, Carousels, and more. Templates are made available as well-factored CSS classes that can be applied to HTML elements to achieve different effects. CSS classes have semantic names (descriptive names that have a meaning), like .success, .warning, and .info, so these components are reusable and extensible and they aren’t specific about implementation details. Plugins are JavaScript extensions, and they rely on the jQuery dependency.

Q: Explain in which ways Bootstrap can be extended and adapted to a specific project’s needs.

All the default Bootstrap styles that are bundled initially can be changed and overridden by using custom styles. You can overwrite in your own stylesheet default bootstrap colors, styles, margins, paddings, everything, and most importantly there is no need to touch the bootstrap.css stylesheet at all. Ever.

In case of source code version, creating your own versions of LESS or SASS stylesheets can do it. In case of precompiled version, you can create your own CSS file and overwrite whichever style you want from the original bootstrap.css stylesheet. Create your new CSS selector, use it in the HTML, and as long you declare your CSS classes after Bootstrap styles your definitions will overwrite Bootstrap defaults.

If you aren’t using any of Bootstrap’s interactive features, you can omit bootstrap.js and jQuery.js files from the HTML source. There is also an option to customize Bootstrap’s components, Less variables, and jQuery plugins to get your very own version, which will result in a much smaller file size and will include only components that are actually used on the webpage.

Responsiveness

Today, having a webpage with desktop version only is intolerable. When choosing the right developer, you need to be sure that the candidate understands what a responsive design is, how it can be achieved, and how Bootstrap can help and ease development.

Q: What is Bootstrap’s mobile first approach?

In Bootstrap 2 there was a separated stylesheet with mobile friendly styles for key aspects of the framework. With version 3, Bootstrap introduced a mobile-first design philosophy, which resulted in Bootstrap being responsive by design. This way Bootstrap easily and efficiently scales with a single code base from phones to tablets to desktops. Mobile first styles can be found throughout the entire framework, instead of in one separate file, and now the default styles are for small devices, with media queries added after for larger screens:

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }

To be sure that we will get proper rendering on all devices, and especially that the touch zooming will work, we need to add the viewport meta tag to <head>:

<meta name='viewport' content='width=device-width, initial-scale=1'>

Q: Explain how responsiveness is achieved and which rules should be followed.

The responsiveness in Bootstrap is achieved using a fluid grid system that can be applied to appropriately scale up to 12 columns, according to the size of the device or viewport. Grids provide structure to the layout, defining the horizontal and vertical guidelines for arranging content and enforcing margins.

To use the Bootstrap grid system, a few rules need to be followed. Grid column elements need to be placed inside row elements, which create horizontal groups of columns. You can have as many rows as you want on the page, but columns must be immediate children of rows. In a full row, the column widths will be any combination that adds up to 12, but it is not mandatory to use all 12 available columns. Rows need to be placed either in a fixed-width layout wrapper, which has a .container class and a width of 1170px, or in full-width layout wrapper, which has a .container-fluid class, and enables the responsive behavior in that row. The Bootstrap grid system has four tiers of classes: xs for phones (<768px), sm for tablets (≥768px), md for desktops (≥992px), and lg for larger desktops (≥1200px). These basically define the sizes at which the columns will collapse or spread horizontally. The class tiers can be used in any combination to get dynamic and flexible layouts.

Q: Explain how a large table can best be shown on mobile devices.

Dealing with large datasets that are in a table with many columns on large screens is a no brainer. Using a standard Bootstrap .table class on large screens will render a nice looking table, but on a small device cell text will break and wrap into the next line, possibly into many new lines and stretching the table vertically. Not to mention that a table this way is unreadable and shown data is unusable. The solution is to wrap a .table in the .table-responsive parent element, which will result in a table on phones (or any devices with less than 768px) will have full width with the possibility to scroll horizontally.

I know JavaScript too!

As mentioned before, Bootstrap ships with plugins that are in its core JavaScript extensions. This means that the candidate must be proficient in client-side scripting and JavaScript frameworks also, namely jQuery. We will focus here more on the JavaScript caveats related to Bootstrap, and will not test candidates’ knowledge of jQuery.

Q: Discuss possible ways to use Bootstrap Plugin dependency JavaScript files that are needed for plugins to work properly.

First and most importantly, all plugins depend on jQuery, and jQuery must be included before the plugin files. At the moment, Bootstrap v3.3.4 requires jQuery v1.9.1 or later. Second, you need to include either individual Plugin JavaScript files (that can be found in the source code version of the Bootstrap), or all together in one file (using bootstrap.js or the minified bootstrap.min.js). Both bootstrap.js and bootstrap.min.js contain all plugins in a single file, and it is needed to include only one of them, preferably for production minified one.

If you decide that you want to include only specific JavaScript files for a dedicated plugin, it is important to keep in mind that some plugins and even some CSS components depend on other plugins. If you include plugins individually, you need to make sure to check for these dependencies in the documentation, and include all needed JavaScript files.

Q: Discuss possible ways to use Bootstrap plugins without JavaScript, and related caveats.

All Bootstrap plugins can be used purely through the markup API without writing a single line of JavaScript. This is Bootstrap’s first-class API, and it is the recommended way of using a plugin. For example, you can activate a modal dialog without writing any JavaScript just by setting data-toggle='modal' on a controller element like a button or anchor, and pass additional parameters using data-attributes. In the code below, we are targeting HTML code with the ID #modalID. We have specified that the modal won’t close when user clicks outside the modal by using the data-backdrop option, and we have disabled escape key event that close a modal with data-keyboard option. All in one HTML line of code:

<button type='button' data-toggle='modal' data-target='#modalID' data-backdrop='static' data-keyboard='false'>Launch modal with ID #modalID</button>

There are few caveats that we need to be aware of. First is that there can be only one plugin per element when data attributes are used. This means that, for example, a button cannot in the same time have a tooltip and toggle a modal, a wrapping element must be used that will take on the functionality. And second, Bootstrap’s Tooltip and Popover plugins are not CSS-only like other plugins are. For performance reasons, they are opt-in, and to use them they must be initialized first using JavaScript with the following example code:

$(function () {
  $('[data-toggle='tooltip']').tooltip();
  $('[data-toggle='popover']').popover();
}); 

Wrap Up

The end result of a true expert is a website that nobody would ever expect that is run with Bootstrap.

Bootstrap looks very simple and easy to use, and many developers are rushing into the framework claiming that they are excellent Bootstrap developers. This article referenced topics that every Bootstrap developer should master and provided questions that offer an effective basis for identifying those who possess a sound and principled foundation in the Bootstrap framework, from basics to responsiveness, and working with JavaScript. Finding a web developer can be relatively easy, but finding an excellent Bootstrap developer is a formidable challenge. Just make sure to cover these topics when you are looking for a great Bootstrap developer, and you will be one step closer to identifying the best of the best.

Hire Twitter Bootstrap developers now
Alvaro 1506e7

My team is going to personally help you find the best candidate to join your team.

Alvaro Oliveira
VP of Talent Operations