Bootstrap Snippet Sales Invoice template for A4 , A5 , A4 half using HTML CSS Bootstrap

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js">
<div class="row ">
    <!-- business information here -->
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center top-name">
        <h1 class="text-center heading-size">
            <!-- Shop & Location Name  -->
            Location Name
        </h1>
        <!-- Address -->
        <h4>
            <small class="text-center addres-size">
                Location Address
                <br>
                Location Phone
            </small>
        </h4>
        <!-- Title of receipt -->
        <!-- Invoice  number, Date  -->
        <p style="width: 100% !important" class="word-wrap">
            <span class="pull-left text-left word-wrap">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
   @page {
        /* size: A5 */
    }
    .text-align-class {
        text-align: right
    }
    * {
        border: 0;
        color: inherit;
        font-family: inherit;
        font-size: inherit;
        font-style: inherit;
        font-weight: inherit;
        line-height: inherit !important;
        list-style: none;
        margin: 0;
        padding: 0;
        text-decoration: none;
        vertical-align: top;
    }
    .heading-size {
        /*font-size: 16px!important;*/
        font-family: initial !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        font-weight: 500 !important;
        line-height: 0.1 !important;
        color: inherit !important;
    }
    .table-size {
        font-size: 12px !important;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Sales Invoice template for A4 , A5 , A4 half"
Bootstrap 3.1.0 Snippet by smithwilson

Related: See More

Questions / Comments:

"Sales Invoice template for A4 , A5 , A4 half" Bootstrap 3.1.0 Snippet by smithwilson

Related: See More

Questions / Comments:

"Sales Invoice template for A4 , A5 , A4 half"
Bootstrap 3.1.0 Snippet by smithwilson