![]() View the above example in a different browser window. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vestibulum id ligula porta felis euismod semper. Cras justo odio, dapibus ac facilities in, egestas eget quam. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh,ut fermentum massa justo sit amet risus. Try and purchase HTML5, JS, Ruby, PHP-MySQL based web apps to enhance your productivity at affordable price.ĭonec id elit non mi porta gravida at eget metus. Besides default styles, for customization, a new css example-fixed-layout.css is created and placed in the same folder where bootstrap.css resides.īackground-image: url('/twitter-bootstrap/images/gridbg.gif') Įxample of Fixed Layout with Twitter Bootstrap version 2.0 from The following code creates a Fixed Layout of a webpage. The purpose of the Fixed Layout is to create a 940 pixel (default) wide layout for a web page or app.Įxample of Fixed Layout with Twitter Bootstrap If you want it create a web page or app layout based on fixed number of pixels, go for this.įrom line number 261 to 273 of bootstrap.css (located under docs\assets\css of main twitter bootstrap folder) styles for creating the main container to create a fixed layout is available. You may make a layout responsive by adding bootstrap-responsive.css file (located under docs\assets\css) into the page. In version 2.0 Twitter Bootstrap has added a responsive feature for phone, tablet portrait, table landscape and small desktops, and large wide screen desktops. ![]() The tutorial is based on Twitter Bootstrap Version 2.0, which is the latest version of Twitter Bootstrap as of this writing. In this tutorial, you will learn how to use Twitter Bootstrap toolkit to create Fixed as well as fluid Layouts. ![]()
0 Comments
Leave a Reply. |