Bootstrap Code

Output

<!DOCTYPE html>
<html lang="en">
<head>
  <link href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
      <link rel="stylesheet" href="css/bootstrap-offcanvas/bootstrap.offcanvas.min.css"/>

</head>
<body>

    <header class="clearfix">
        <nav class="navbar navbar-default" role="navigation">
            <div class="container-fluid">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">WEB</a>
                    <button type="button" class="navbar-toggle offcanvas-toggle pull-right" data-toggle="offcanvas" data-target="#js-bootstrap-offcanvas" style="float:left;">
                        <span class="sr-only">Toggle navigation</span>
                        <span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                        </span>
                    </button>
                </div>
                <div class="navbar-offcanvas navbar-offcanvas-touch" id="js-bootstrap-offcanvas">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="https://www.jquery-az.com">Home</a></li>
                        <li><a href="https://www.jquery-az.com/jquery-tips/">jQuery</a></li>
                        <li class="dropdown">
                            <a href="https://www.jquery-az.com/bootstrap-tips-tutorials/" class="dropdown-toggle">Bootstrap <span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="https://www.jquery-az.com/bootstrap-carousel-5-single-multiple-horizontal-and-vertical-sliding-demos/">Carousel</a></li>
                                <li><a href="https://www.jquery-az.com/bootstrap-form-customized-styles-6-online-examples/">Forms</a></li>
                                <li><a href="https://www.jquery-az.com/bootstrap-select-5-beautiful-styles/">Select</a></li>
                                <li class="divider"></li>
                                <li><a href="https://www.jquery-az.com/free-themes/">Free Themes</a></li>
                                <li class="divider"></li>
                                <li><a href="https://www.jquery-az.com/free-themes/">Templates</a></li>
                            </ul>
                        </li>
                    </ul>
                    <form class="navbar-form navbar-left" role="search">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Search">
                        </div>
                        <button type="submit" class="btn btn-default">Submit</button>
                    </form>
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="https://www.jquery-az.com/php-tutorials/">PHP</a></li>
                        <li><a href="https://www.jquery-az.com/javascript-tutorials/">JavaScript</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>

    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h1>The Web technologies</h1>
                <p>Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. </p>
            </div>
            <div class="col-sm-12">
                <h1>The Bootstrap framework</h1>
                <p>Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. </p>
            </div>
            <div class="col-sm-12">
                <h1>The jQuery </h1>
                <p>jQuery is a JS library. jQuery is a JS library. jQuery is a JS library. jQuery is a JS library. jQuery is a JS library. jQuery is a JS library. jQuery is a JS library. jQuery is a JS library. jQuery is a JS library. jQuery is a JS library. </p>
            </div>
        </div>
    </div>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

  <script src="js/bootstrap-offcanvas/bootstrap.offcanvas.js"></script>



</body>
</html>

The Web technologies

Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here. Web technologies information here.

The Bootstrap framework

Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here. Bootstrap framework text here.

The jQuery

jQuery is a JS library. jQuery is a JS library. jQuery is a JS library. jQuery is a JS library. jQuery is a JS library. jQuery is a JS library. jQuery is a JS library. jQuery is a JS library. jQuery is a JS library. jQuery is a JS library.