HTML/CSS and Bootstrap Online Test

TestDome skill assessments are used by more than 3,700 companies and 450,000 individual test takers.

Jobseekers: Get a Certificate

Take a Practice Test

Companies: Try First, Pay Later

Sign Up To Use This Test
 Used by: 

The HTML/CSS and Bootstrap online test assesses candidates' knowledge of HTML and CSS as well as their ability to leverage commonly used parts of Bootstrap.

It's an ideal test for pre-employment screening. A good front-end developer needs to be able not only to design a user interface using HTML and style it using CSS but also recognize when to leverage the functionality provided by Bootstrap to make the code more robust and maintainable.

This online test requires candidates to solve common HTML/CSS and Bootstrap coding challenges.

Recommended Job Roles

Web Front-End Developer
UI/UX Developer
Bootstrap Developer

Sample Candidate Report


Sample Free Questions

Info Button

5min
  -  
Easy  
  -  
CODE

Bootstrap Styling Public New

Write the HTML markup, using Bootstrap classes, to display a Button that looks like this.

A blue info button.

Modal Dialog

5min
  -  
Easy  
  -  
CODE

Bootstrap Plugins Public New

The HTML page contains a button and modal dialog.

Using just Bootstrap's HTML attributes and no JavaScript, add attributes to the elements so that:

  1. When the Open button is clicked, the modal dialog is opened.
  2. When the Close button is clicked, the modal dialog is closed.

Avatar

7min
  -  
Easy  
  -  
CODE

HTML/CSS CSS selectors Styling Public New

Every user on your website has an image avatar that is displayed when they post a comment. You want to style these images differently from other images on your site. Add a CSS class named avatar that fulfils the following requirements:

  1. The avatar's border is rounded, so that it appears as a circle.
  2. The avatar's width and height are both 150px.
  3. The avatar has a solid border, has a width of 2px, and be colored gray.

For example, the avatar in the template should look like:

Cat avatar

Use Free Questions On a Trial Plan

Premium Questions

The premium question library contains our unique, hand-crafted questions. We offer a refund if you find any of them answered online.

Questions
Upload, Link, Editor, Blog, Label Color, Widgets, Form Guidelines, Logo, Article Style, Share Button, Ad, Keywords, Links, Buttons, Grid, Timesheet, Addition, Bookmark, Christmas Tree, iframe, Shirts, Warehouse, Baby Names, Loading, Format Table, Toolbar, Data Sheet, Fruits, Languages, Zoo, Breakfast Menu, Cities, Screen Reader, Display Case
Skills
HTML/CSS HTML attributes Language HTML5 Semantic tags CSS selectors Positioning Bootstrap Styling Tables CSS Advanced Animation Components Grid Plugins Selectors Accessibility
Score Distribution
Loading...
Pricing For Premium Questions

Fully Customizable Tests

Add questions from our question library.
Create your own questions.
Customize test duration, number of questions, passing score, web proctoring, and more.
Create Free Account

Private Concierge

Send us an email with an explanation of your testing needs and a list of candidates. We will create an appropriate test, invite your candidates, review their results, and send you a detailed report.

What Others Say
TestDome user reviews on G2 Crowd
Simple, straight-forward technical testing

Testdome is simple, provides a reasonable (though not extensive) battery of tests to choose from, and doesn't take the candidate an inordinate amount of time. It also simulates working pressure with the time limits.

Jan Opperman, Grindrod Bank

Very smooth, well supported, great for assessing candidates

Very Prompt and helpful support when needed, we were looking to work with a third party to write and set up new tests, testdome was able to quickly set up and support a method to do this, allowing us to start testing candidates straight away.

George Offer, Guided Solutions

Easy to use and efficient for testing developers of different levels

It provides us an opportunity to set our own timing policy, to choose from variety of questions from different areas and with difficulty gradation. Also it is great that TestDome provides free of charge tests for candidates to prepare and check how online IDE works. And support is always ready to help:)

Alexandra Bulka, WorkFusion

On the TestDome Blog

Screening Applicants: The Good, the Bad and the Ugly

Since we’re all biased and we use incorrect proxies, why not just outsource hiring to experts or recruitment agencies? After all, they’ve been screening people for many years, so they must know how to do it right?

Not really. I was surprised to discover that many experts disagree with each other. Everybody praises their pet method and criticises the others. Many of these methods look legitimate, but are based on...

How TestDome Works

How TestDome Works

Want to know more? Check out our tour or contact us below.

Check Tour
or
Schedule a Demo

The TestDome Advantage

500+ premium, hand-crafted questions for 30+ job skills and 10+ coding languages.
Proctored tests, API access, and Applicant Tracking System (ATS) Integration.
Questions with small samples of actual work instead of academic problems.

Flexible Pricing

No monthly subscription or setup fee. No minimum contract period. You only pay for the candidates you test.

View Pricing