Responsive webpage

Question

Hy.i need your help regarding responsive web design.how to create a simple responsive web page using html and css that work on multiple devices.
can any one guide me.

Answer 1

u can use media queries of CSS..
like for example at the end of CSS file
write
@media only screen and (max-width: 500px) {
body {
background-color: lightblue;
}
}
similarly u can use the Id and class in the media query and define its properties for the screen size of 500px

Answer 2

use bootstrap. Bootstrap is responsive and mobile friendly. to use bootstrap, add this in your head tag
<link rel="stylesheet" href ="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
else learn how you work with bootstrap, it will make your life easier when designing responsive websites.

Answer 3

can i use custom bootstrap?????

Answer 4

@malik bootstrap is designed for ready use.
you will still style your page using CSS, bootstrap will takes care of responsiveness on different screen sizes. So you can customize how your site looks even when using bootstrap.