how to use bootstrap in static web page

Question

hi guys i am having a static web page it is desinged by my friend,he told to changed that site to responsive site..but there is no responsive in the web page and he using 3 files: 1.grid.css 2.fontawesome 3.stylesheet.css i am already try with the bootstrap but the total content of webpage it will be collapsed..so please help..me.. how i will make the webpage to responsive .. thanks

Dharmraj Thakur · Answer

Just use bootsrap "row" and "col-md-12" classes instead of table and try to convert one by one table into div tag....

Manav Pandya · Answer

Bootstrap is one of the best option for responsiveness Just include following file : "~/Scripts/bootstrap.js" > "~/Scripts/bootstrap.min.js" > "~/Content/bootstrap.min.css" rel= "stylesheet" /> By using these file you can take advantage many of feature of bootstrap like Container class , row class , col-sm(For PC) , col-lg(For large device) etc ... Mark as Accepted if answer is helpfull

Nikhil Sangani · Answer

You can use bootstrap classes for responsive ui.and also you have to add meta tages for responsive ui. like :

Ramesh Barik · Answer

If you want to use Bootstrap then need to know the bootstartp 12 grid design. According to this you can design your views(page/html etc) As per your concern you need to change the existing design to bootstarp design. Suggestion: Find your controls (lebel, button, textbox etc) and place as per the 12 grid design of bootstarp) You can refer this site to understand better. http://getbootstrap.com https://www.codeproject.com/Articles/1113048/Creating-Responsive-Website-using-Bootstrap

how to use bootstrap in static web page

Answers (4)