5.00 / 1 oy

Bootstrap ile A4 çıktı alma (Print) sayfa şablonu

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.

RainingCodes

08.01.2020 19:28

Bu soru henüz yanıtlanmamış.

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
Bootstrap ile A4 çıktı alma (Print) sayfa şablonu

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.