tr.gg için ana sayfa düzeni
bedava sitem ana sayfa düzeni için kod
bedava sitem kullanıcıları için ana sayfa kodu. ana sayfa paylaşımları için devamını oku html kodu. ana sayfa düzeni bedava sitem için.
nasıl kullanılır?
nasıl kullanılır?
ana sayfanın büyüklüğü ve tablo kullanımına göre farklılık gösterir.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="robots" content="noindex">
<title>Select users - Bootsnipp.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css">
<style type="text/css">
</style>
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script type="text/javascript">
window.alert = function(){};
var defaultCSS = document.getElementById('bootstrap-css');
function changeCSS(css){
if(css) $('head > link').filter(':first').replaceWith('<link rel="stylesheet" href="'+ css +'" type="text/css" />');
else $('head > link').filter(':first').replaceWith(defaultCSS);
}
$( document ).ready(function() {
var iframe_height = parseInt($('html').height());
window.parent.postMessage( iframe_height, 'http://bootsnipp.com');
});
</script>
</head>
<body>
<div class="container">
<div class="row">
<div class="span12">
<ul class="thumbnails">
<li class="span5 clearfix">
<div class="thumbnail clearfix">
<img src="http://placehold.it/320x200" alt="ALT NAME" class="pull-left span2 clearfix" style='margin-right:10px'>
<div class="caption" class="pull-left">
<a href="http://bootsnipp.com/" class="btn btn-primary icon pull-right">Select</a>
<h4>
<a href="#" >Luis Felipe Kaufmann</a>
</h4>
<small><b>RG: </b>99384877</small>
</div>
</div>
</li>
<li class="span5 clearfix">
<div class="thumbnail clearfix">
<img src="http://placehold.it/320x200" alt="ALT NAME" class="pull-left span2 clearfix" style='margin-right:10px'>
<div class="caption" class="pull-left">
<a href="http://bootsnipp.com/" class="btn btn-primary icon pull-right">Select</a>
<h4>
<a href="#" >Luis Felipe Kaufmann</a>
</h4>
<small><b>RG: </b>99384877</small>
</div>
</div>
</li>
<li class="span5 clearfix">
<div class="thumbnail clearfix">
<img src="http://placehold.it/320x200" alt="ALT NAME" class="pull-left span2 clearfix" style='margin-right:10px'>
<div class="caption" class="pull-left">
<a href="http://bootsnipp.com/" class="btn btn-primary icon pull-right">Select</a>
<h4>
<a href="#" >Luis Felipe Kaufmann</a>
</h4>
<small><b>RG: </b>99384877</small>
</div>
</div>
</li>
<li class="span5 clearfix">
<div class="thumbnail clearfix">
<img src="http://placehold.it/320x200" alt="ALT NAME" class="pull-left span2 clearfix" style='margin-right:10px'>
<div class="caption" class="pull-left">
<a href="http://bootsnipp.com/" class="btn btn-primary icon pull-right">Select</a>
<h4>
<a href="#" >Luis Felipe Kaufmann</a>
</h4>
<small><b>RG: </b>99384877</small>
</div>
</div>
</li>
<li class="span5 clearfix">
<div class="thumbnail clearfix">
<img src="http://placehold.it/320x200" alt="ALT NAME" class="pull-left span2 clearfix" style='margin-right:10px'>
<div class="caption" class="pull-left">
<a href="http://bootsnipp.com/" class="btn btn-primary icon pull-right">Select</a>
<h4>
<a href="#" >Luis Felipe Kaufmann</a>
</h4>
<small><b>RG: </b>99384877</small>
</div>
</div>
</li>
<li class="span5 clearfix">
<div class="thumbnail clearfix">
<img src="http://placehold.it/320x200" alt="ALT NAME" class="pull-left span2 clearfix" style='margin-right:10px'>
<div class="caption" class="pull-left">
<a href="http://bootsnipp.com/" class="btn btn-primary icon pull-right">Select</a>
<h4>
<a href="#" >Luis Felipe Kaufmann</a>
</h4>
<small><b>RG: </b>99384877</small>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<script type="text/javascript">
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="robots" content="noindex">
<title>Select users - Bootsnipp.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css">
<style type="text/css">
</style>
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script type="text/javascript">
window.alert = function(){};
var defaultCSS = document.getElementById('bootstrap-css');
function changeCSS(css){
if(css) $('head > link').filter(':first').replaceWith('<link rel="stylesheet" href="'+ css +'" type="text/css" />');
else $('head > link').filter(':first').replaceWith(defaultCSS);
}
$( document ).ready(function() {
var iframe_height = parseInt($('html').height());
window.parent.postMessage( iframe_height, 'http://bootsnipp.com');
});
</script>
</head>
<body>
<div class="container">
<div class="row">
<div class="span12">
<ul class="thumbnails">
<li class="span5 clearfix">
<div class="thumbnail clearfix">
<img src="http://placehold.it/320x200" alt="ALT NAME" class="pull-left span2 clearfix" style='margin-right:10px'>
<div class="caption" class="pull-left">
<a href="http://bootsnipp.com/" class="btn btn-primary icon pull-right">Select</a>
<h4>
<a href="#" >Luis Felipe Kaufmann</a>
</h4>
<small><b>RG: </b>99384877</small>
</div>
</div>
</li>
<li class="span5 clearfix">
<div class="thumbnail clearfix">
<img src="http://placehold.it/320x200" alt="ALT NAME" class="pull-left span2 clearfix" style='margin-right:10px'>
<div class="caption" class="pull-left">
<a href="http://bootsnipp.com/" class="btn btn-primary icon pull-right">Select</a>
<h4>
<a href="#" >Luis Felipe Kaufmann</a>
</h4>
<small><b>RG: </b>99384877</small>
</div>
</div>
</li>
<li class="span5 clearfix">
<div class="thumbnail clearfix">
<img src="http://placehold.it/320x200" alt="ALT NAME" class="pull-left span2 clearfix" style='margin-right:10px'>
<div class="caption" class="pull-left">
<a href="http://bootsnipp.com/" class="btn btn-primary icon pull-right">Select</a>
<h4>
<a href="#" >Luis Felipe Kaufmann</a>
</h4>
<small><b>RG: </b>99384877</small>
</div>
</div>
</li>
<li class="span5 clearfix">
<div class="thumbnail clearfix">
<img src="http://placehold.it/320x200" alt="ALT NAME" class="pull-left span2 clearfix" style='margin-right:10px'>
<div class="caption" class="pull-left">
<a href="http://bootsnipp.com/" class="btn btn-primary icon pull-right">Select</a>
<h4>
<a href="#" >Luis Felipe Kaufmann</a>
</h4>
<small><b>RG: </b>99384877</small>
</div>
</div>
</li>
<li class="span5 clearfix">
<div class="thumbnail clearfix">
<img src="http://placehold.it/320x200" alt="ALT NAME" class="pull-left span2 clearfix" style='margin-right:10px'>
<div class="caption" class="pull-left">
<a href="http://bootsnipp.com/" class="btn btn-primary icon pull-right">Select</a>
<h4>
<a href="#" >Luis Felipe Kaufmann</a>
</h4>
<small><b>RG: </b>99384877</small>
</div>
</div>
</li>
<li class="span5 clearfix">
<div class="thumbnail clearfix">
<img src="http://placehold.it/320x200" alt="ALT NAME" class="pull-left span2 clearfix" style='margin-right:10px'>
<div class="caption" class="pull-left">
<a href="http://bootsnipp.com/" class="btn btn-primary icon pull-right">Select</a>
<h4>
<a href="#" >Luis Felipe Kaufmann</a>
</h4>
<small><b>RG: </b>99384877</small>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<script type="text/javascript">
</script>
</body>
</html>
CSS
Join the conversation