, css3 responderende web - design, der webdesign giver en optimal erfaring, let læsning og rolig sejlads med et minimum af nedskæringer på forskellige anordninger, såsom desktop - pc 'er, mobiltelefoner og tabletter), fleksible struktur under billede viser deres struktur af hjemmesider.,, fleksible net demo < html > < head > < /head > < stil > organ {skrifttype: 600 14px /24px "åbne" sans "," helveticaneue lys "," helvetica neue lys "," helvetica neue "helvetica, ariel," lucida grande ", uden serif;} h1 (farve:♇a7; skriftstørrelsen: 14px; skrifttype vægt: dristige; margen nederst: 6px;}. beholder: før. fortsatainer: efter (indhold: "" display: tabel;}. beholder: efter {klart: begge}. container (baggrund:&#eaeaed; margen nederst: 24px; * - 1}. container-75 (bredde: 75%). container-50 {margen nederst: 0; bredde: 50%;). (afsnit bortset {grænse radius: 6px;} punkt bortset {baggrund:db34a; farve:&#fff; margen: 1.858736059%; polstring: 20px 0; tekst tilpasse: center;} punkt {flyde: venstre; bredde: 63.197026%; } aside { float: right; width: 29.3680297%; } </style> <body> <h1>100% Wide Container</h1> <div class="container"> <section>Section</section> <aside>Aside</aside> </div> <h1>75% Wide Container</h1> <div class="container container-75"> <section>Section</section> <aside>Aside</aside> </div> <h1>50% Wide Container</h1> <div class="container container-50"> <section>Section</section> <aside>Aside< /bortset > < /div > < /organ > < /html > det giver følgende resultat −,, medier, forespørgsler, medier, er for forskellige stil regler for forskellige størrelse anordninger, såsom mobiltelefoner, computere, m.v., < html > < head > < stil > organ {baggrund farve: lightpink;} @ medier skærm og max bredde: 420px) (organ {baggrund farve: lightblue;}} < /stil > < ///////head > < krop > < p > hvis skærmens størrelse, er mindre end 420px, så vil det vise lightblue farve, eller det vil vise lys rosa farve < /p > < /organ > < /html >, vil det give følgende resultat −, ,Bootstrap responsive web design,Bootstrap is most popular web design framework based on HTML,CSS and Java script and it helps you to design web pages in responsive way for all devices, <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> <style> body{ color:green; } </style> </head> <body> <div class="container"> <div class="jumbotron"> <h1>Tutorials point</h1> <p>Tutorials Point stammede fra den idé, at der findes en kategori af læsere, der svarer bedre til online - indhold og foretrækker at lære nye færdigheder i deres eget tempo fra komforten af deres salonerne. < /p > < /div > < div klasse = "ror" > < div klasse = "col-md-4" > < h2 > androide < /h2 > < p > androide er en åben kilde og linux baseret operativsystem til mobile udstyr som f.eks. smartphones og tablet - pc 'er.- androiden blev udviklet af den åbne håndsæt alliance, ledet af google, og andre virksomheder. < /p > < /div > < div klasse = "col-md-4" > < h2 > css < /h2 > < p > brusende stil ark, kærligt kaldet css, er en simpel konstruktion sprog, der har til formål at forenkle processen for at websider præsentabel. < /p > < /div > < div klasse = "col-md-4" > < h2 > java < /h2 > < p > java er en højtstående programmeringssprog, som blev udviklet af sun microsystems og offentliggjort i 1995.java kører på en række forskellige platforme, såsom vinduer, mac os, og de forskellige unix - versioner.denne pædagogiske giver en fuldstændig forståelse af java. < /p > < /div > < /div > < /organ > < /html > det giver følgende resultat &minus,,,
