Bootstrap Framework Fresco Play Hands-On Solutions

Bootstrap Framework Fresco Play Hands-On Solutions

Disclaimer: The main motive to provide this solution is to help and support those who are unable to do these courses due to facing some issue and having a little bit lack of knowledge. All of the material and information contained on this website is for knowledge and education purposes only.

Try to understand these solutions and solve your Hands-On problems. (Not encourage copy and paste these solutions)

Bootstrap Framework Fresco Play Hands-On Solutions

Total Hands-On Questions - 9 out of which you have to solve only 6 Question rest 3 are for practice purpose.

3 Practicing Problems are

1. Practice Tooltip Plug-in

2. Practice Popover Plugin

3. Practice Ordered Lists

Please follow the below steps before Run Tests to run your code successfully otherwise you will face some server issues even Hands-On code is correct.

Step 1: Run->Install

Step 2: Run->Run

Step 3: Run Tests

1.Bootstrap-Typography(20 min)

File Name: index.html

<!DOCTYPE html>

<html>

<head>

<title>typography</title>

</head>

<body>

//write your code here

<div>

<h1>Notes Bureau</h1>

<h2>Notes Bureau</h2>

<h3>Notes Bureau</h3>

<h4>Notes Bureau</h4>

<h5>Notes Bureau</h5>

<h6>Notes Bureau</h6>

</div>

</body>

</html>

2.Bootstrap - Button Groups

File Name: index.html

<!DOCTYPE html>

<html>

<head>

</head>

<body>

//write your code here

<div class="btn-group btn-group-lg">

<Button>Notes Bureau 1</Button>

<Button>Notes Bureau 2</Button>

<Button>Notes Bureau 3</Button>

</div>

<div class="btn-group btn-group-sm">

<Button>Notes Bureau 1</Button>

<Button>Notes Bureau 2</Button>

<Button>Notes Bureau 3</Button>

</div>

<div class="btn-group btn-group-xs">

<Button>Notes Bureau 1</Button>

<Button>Notes Bureau 2</Button>

<Button>Notes Bureau 3</Button>

</div>

</body>

</html>

3.Bootstrap - Navbar(40 min)

File Name: index.html

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<nav>

<a class="navbar-brand">Navbar</a>

<button data-target="#navbarCollapse"></button>

<ul class="nav navbar-nav navbar-right"></ul>

<div id="navbarCollapse">

<form action="" class="navbar-form navbar-right">

<span class="glyphicon glyphicon-search"></span>

</form>

</div>

</nav>

</body>

</html>

4.Bootstrap - Panel(25 min)

File Name: index.html

<!DOCTYPE html>

<html>

<head>

</head>

<body>

//write your code here

<div class="panel panel-default">

<div class="panel-heading">Notes Bureau</div>

<div class="panel-body">Notes Bureau</div>

<div class="panel-footer">Notes Bureau</div>

</div>

</body>

</html>

5.Bootstrap - Images(25 min)

File Name: index.html

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<img class="img-responsive">

<img class="img-circle">

<img class="img-thumbnail">

</body>

</html>

6.Bootstrap - Carousel

File Name: index.html

<!DOCTYPE html>

<html>

<head>

</head>

<body>

// write your code

<div class="carousel slide" data-ride="carousel">

<ol class="carousel-indicators"> </ol>

<img><img><img>

<div class="carousel-inner">

<div class="item active"></div>

</div>

<a class="left carousel-control" href="#myCarousel" data-slide="prev">

<span class="glyphicon glyphicon-chevron-left">Previous</span>

</a>

<a class="right carousel-control" href="#myCarousel" data-slide="next">

<span class="glyphicon glyphicon-chevron-right">Next</span>

</a>

</div>

</body>

</html>

If you want answers to any of the fresco play courses feel free to ask in the comment section, we will surely help.

Notes Bureau

Bootstrap Framework Fresco Play Hands-On Solutions

2 comments

List of Fresco Play Courses without Hands-On | Fresco Play

Machine Learning Axioms Fresco Play MCQs Answers

Python 3 Application Programming Fresco Play Handson Solutions

Continuous Integration Fresco Play MCQs Answers

Python 3 Programming FP Handson Solutions

Notes Bureau

Join Telegram Channel