1 / 3

Bootstrap First Web Page Example – Tutlane

Presently, we will figure out how to make a straightforward bootstrap hi world application by utilizing bootstrap parts with model.

tutlanelearning
Download Presentation

Bootstrap First Web Page Example – Tutlane

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. ​www.tutlane.com   Bootstrap First Web Page Example –  Tutlane In past bootstrap sections, we realized ​what is bootstrap​? what’s           more, how to ​setup bootstrap environment​. Presently, we will figure           out how to make a straightforward bootstrap hi world application by           utilizing bootstrap parts with model.                                  To make a bootstrap site page format, first we have to incorporate             HTML5 doctype toward the start of the page, alongside lang and         viewport meta labels for legitimate responsive conduct like as         demonstrated as follows.                                        On the off chance that you watch the above HTML code, we added               lang and chartset qualities to determine the language and graph           encoding for the HTML record. We included HTML5 doctype toward           the start of the page on the grounds that the Bootstrap requires               HTML5 doctype to deliver HTML components and CSS properties           with no styling issues.                                                   

  2. ​www.tutlane.com As talked about, the Bootstrap system worked with portable first           procedure to ensure that the plan is responsive for cell phones. In           this way, to guarantee appropriate delivering and contact zooming         for all gadgets we included viewport meta tag in component.                                    Here, the width=device-width part is helpful to change the page       width dependent on the screen width of the gadget and beginning           scale=1 part is valuable to set the underlying zooming level at             whatever point the page is first stacked by the program.                                      Alongside the above meta labels, we have to incorporate required         Bootstrap CSS and JS records to change the above HTML format           over to bootstrap layout like as demonstrated as follows.                            This is the basic template format which we need to create to use           bootstrap framework in our application. Here, the JS files (jquery.js,         popper.js, bootstrap.js) are optional and those are required to add                                                

  3. ​www.tutlane.com only when you try to use bootstrap JS components such as alerts,             modals, buttons for toggling, carousel for sliding, tooltips, etc.              While adding JS files (jquery.js, popper.js, bootstrap.js) you need to           make sure that the ​jQuery comes first, then Popper.js, and then           bootstrap.js file like as we mentioned in the above code.                        To improve the performance of your web pages, include your         JavaScript files at the bottom of the page, right before the closing             </body>​ tag, instead of adding it in ​<head>​ tag.                          The above example will return the result like as shown below. 

More Related