how to use bootstrap in static web page

Zakir Ahamed

9y1.9k.NET

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

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Dharmraj Thakur9y ago
Accepted answer
Just use bootsrap "row" and "col-md-12" classes instead of table and try to convert one by one table into div tag....
Nikhil Sangani9y ago
You can use bootstrap classes for responsive ui.and also you have to add meta tages for responsive ui.
like :
Ramesh Barik9y ago
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
Manav Pandya9y ago
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