O'Reilly logo

Developing Responsive Web Applications with AJAX and jQuery by Sandeep Kumar Patel

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

The combined layout

In the previous sections of this chapter, we have seen how the individual components are laid out. In this section, we will combine all the previous sections into a single code file. You can see we have used the bootstrap.min.css file, which is the default style for Bootstrap, and ts-responsive-web-style.css containing the application-specific style. The whole code for the layout development is combined in the index.html file, shown as follows:

<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="asset/css/bootstrap.min.css"> <link rel="stylesheet" href="asset/css/ts-responsive-web-style.css"> <title>Responsive product Store</title> </head> <body> <div class="container"> <div class="row"> <nav class="navbar navbar-inverse ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required