Bootstrap grid ve hizalama yapısını hiç bozmadan dışına bir A4 sayfa boyutlaması yaptırmam gerekti. Önceki sorumda nasıl sayfa açılışında çıktı alınabileceğini paylaşmıştım, şimdi de Bootstrap 3 ve Bootstrap 4 ile kullanabileceğiniz hazır bir A4 kağıt çıktı alma şablonu paylaşıyorum.
CSS Kodları:
<style>
.sayfa{ width: 21cm;
min-height: 29.7cm;
padding: 2cm;
margin: 1cm auto;
border: 1px #D3D3D3 solid;
border-radius: 5px;
background: white;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
</style>
Import etmeniz gerekenler CDN'ler:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
Not: İlk kütüphane Bootstrap 4 CDN'i, ikincisi ise opsiyonel olarak Glyphicons CDN'idir.
HTML Kodları:
<div class="sayfa">
<div class="row">
<div class="col-md-12">
<span class="glyphicon glyphicon-info-sign"></span> Kargo şirketlerinin dikkatine, bu kargo kırılabilir.
</div>
</div>
</div>
Bu yapı içerisinde bootstrap hizalama sınıf kodları ile A4 çıktınıza dilediğiniz gibi şekil verebilirsiniz.