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 ...