- Regjistruar më
- Dhjetor 13, 2004
- Mesazhe
- 43,268
- Pëlqime
- 40,194
Bootstrap eshte framework ne HTML/CSS qe ne pak kohe u kthye ne me e perdorura! Framework dmth strukture pra me bootstrap i keni te gjitha strukturat e nje webfaqeje gati dhe te dizajnuara plus kompatibel per cdo paisje! Kjo eshte arsya qe u mbipopullua perdorimi i tij ne 80% te webfaqeve!
Cfare na duhet?
1: Bootstrap Framework
2: Deshir dhe vullnet per pune
3: Pak kreativitet
Sot do ju tregoj si te ndertoni faqen tuaj te pare me bootstrap. Ne kete rast do perdor CDN (content delivery network) pra do marr platformen online te hostuar ne nje nga serverat e cloudflare!
REZULTATI:
Faqe te ndertuara me bootstrap:
tvshqip.co // shoqeria.net (te punuara nga une)
Cfare na duhet?
1: Bootstrap Framework
2: Deshir dhe vullnet per pune
3: Pak kreativitet
Sot do ju tregoj si te ndertoni faqen tuaj te pare me bootstrap. Ne kete rast do perdor CDN (content delivery network) pra do marr platformen online te hostuar ne nje nga serverat e cloudflare!
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Nderto webfaqen tende te pare me Bootstrap! mundesuar nga molecule ne forum.netedy.com">
<meta name="author" content="molecule - forum.netedy.com">
<title>Nderto webfaqen tende te pare me Bootstrap!</title>
<link href="https://v4-alpha.getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://v4-alpha.getbootstrap.com/examples/starter-template/starter-template.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse fixed-top">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">Navigimi</a>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Jasht Funksioni</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="http://shembull.com" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a>
<div class="dropdown-menu" aria-labelledby="dropdown01">
<a class="dropdown-item" href="#">veprim</a>
<a class="dropdown-item" href="#">veprim tjeter</a>
<a class="dropdown-item" href="#">Shto dicka tjeter</a>
</div>
</li>
</ul>
</div>
</nav>
<div class="container">
<div class="starter-template">
<h1>Nderto webfaqen tende te pare me Bootstrap!</h1>
<p class="lead">Ky eshte nje paragraf i thjeshte ne bootstrap</p>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
</body>
</html>
REZULTATI:

Faqe te ndertuara me bootstrap:
tvshqip.co // shoqeria.net (te punuara nga une)