What Is
BootStrap?
www.technogeekscs.com
www.technogeekscs.com
A free and open source front-end
development framework called
Bootstrap.
What Is BootStrap?
It is used to build websites and
web applications.
The main goal of this utility was to
build a tool that helps in the
development of website-related
applications fast, easy, convenient
and more responsive.
Its availability of many size, color,
font, and layout options for the
project was the main factor in its
inclusion in the Bootstrap
framework.
www.technogeekscs.com
Components
Of Bootstrap
Dropdown Menus
Dropdowns can be toggled, and
contextual overlays can be used to
show lists of links.
www.technogeekscs.com
For Example :
O/P :
Source : getbootstrap.com/
www.technogeekscs.com
Button groups
There are two basic options and
two additional variants.
Single Button Group
1.
Wrap a series of buttons with
.btn in .btn-group
www.technogeekscs.com
For Example :
O/P :
www.technogeekscs.com
2. Multiple Button Groups
Combine sets of <div
class="btn-group"> into a
<div class="btn-toolbar">
for more complex components
www.technogeekscs.com
For Example :
O/P :
www.technogeekscs.com

What Is BootStrap?

  • 1.
  • 2.
    www.technogeekscs.com A free andopen source front-end development framework called Bootstrap. What Is BootStrap? It is used to build websites and web applications.
  • 3.
    The main goalof this utility was to build a tool that helps in the development of website-related applications fast, easy, convenient and more responsive. Its availability of many size, color, font, and layout options for the project was the main factor in its inclusion in the Bootstrap framework. www.technogeekscs.com
  • 4.
    Components Of Bootstrap Dropdown Menus Dropdownscan be toggled, and contextual overlays can be used to show lists of links. www.technogeekscs.com
  • 5.
    For Example : O/P: Source : getbootstrap.com/ www.technogeekscs.com
  • 6.
    Button groups There aretwo basic options and two additional variants. Single Button Group 1. Wrap a series of buttons with .btn in .btn-group www.technogeekscs.com
  • 7.
    For Example : O/P: www.technogeekscs.com
  • 8.
    2. Multiple ButtonGroups Combine sets of <div class="btn-group"> into a <div class="btn-toolbar"> for more complex components www.technogeekscs.com
  • 9.
    For Example : O/P: www.technogeekscs.com