how to make it more responsive this page specially on iphone? [closed]

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty margin-bottom:0;

up vote
-1
down vote

favorite

<!doctype html>
<html lang="en">
 <head>
 <!-- Required meta tags -->
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

 <!-- Bootstrap CSS -->
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">

 <title>bootstrap</title>
	<style>
 .m-x-3 margin-right: 3rem !important;margin-left: 3rem !important; 
 .m-y-3 margin-top: 3rem !important;margin-bottom: 3rem !important; 
 .p-l-3 padding-left: 3rem !important; 
 .p-r-3 padding-right: 3rem !important; 
 </style>
 </head>
 <body>
<div class="container">
 <div class="row">
 <div class="col-xs-12">
 <div class="panel panel-default no-bg b-a-2 b-gray-dark">
 
 <div class="panel-body m-x-3 m-y-3"> 
 <div class="row">
 <div class="col-xs-12">
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>To:</p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Number:</p>	
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>QT-10001</p>
 </div>
 </div>
 </div>
 
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>Jefferey Halvorson </p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Issue Date:</p>		
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>15-Mar-2017</p>
 </div>
 
 </div>
 </div>
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>Herzog-Willms </p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p> Expiry Date:</p>			
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>15-Mar-2017</p>
 </div>
 
 </div></div>
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>309 Johnson Ford</p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Grand Total:</p>				
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>USD 1,469.00</p>
 </div>
 
 </div></div>
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>Cormiertown, AL 23471-0332</p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Status:</p>					
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>SENT</p>
 </div>
 
 </div></div>

 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>GSTIN: C-66553</p>
 </div>
 
 </div></div>
 
 </div>
 </div>
	 
 <!-- Table -->
 <div class="row">
 <div class="col-xs-12 p-l-3 p-r-3">
 
					<table class="table table-condensed">
						<thead>
							<tr>
								<th>Item Code</th>
								<th>Description</th>
								<th>U.O.M</th>
								<th>Unit Price</th>
								<th>Qty</th>
								<th>Total</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">Sub Total:</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">1,100.00</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">CGST</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">10,916.00</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">SGST</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">28476447</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">Grand Total:</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">USD 10,776.00</td>
							</tr>
						</tbody> 
						<tfoot>
							<tr>
										<td colspan="4" style="border: 0;"><strong>Terms and Conditions:</strong></td>
							</tr>
							<tr>
								<td colspan="4" style="border: 0;">1. Delivery will be made within [DAYS] days following [COMPANY NAME] receipt of payment.</td>
							</tr>
							<tr>
						<td colspan="4"style="border: 0;">2. Delivery will be made f.o.b. [COMPANY NAME] facility.</td>
						</tr>
						<tr>
						<td colspan="4" style="border: 0;">3. The general terms and conditions of purchase at [WEBSITE LINK OR REFERENCE TO ATTACHMENT]
	apply to this quotation contract.</td>
						</tr>
					</tfoot>
					<!-- END Table -->
 </table>
 
 </div>
 </div>
 </div>
 <!-- </div> -->
 </div> 
 </div>
</div>

 </body>
 <!-- Optional JavaScript -->
 <!-- jQuery first, then Popper.js, then Bootstrap JS -->
	
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js" integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em" crossorigin="anonymous"></script>
 </body>
</html>

I have been working on this page from 2 days to make it responsive. Now in chrome i am checking this page responsivess using inspect tools. This page responsiveness is good on all devices except iphone using chrome inspect tools.
Now I am confused with this page responsiveness.I used one table element and for content i wrote boostrap columns and rows.

Now my question is:
- how to make this page more responded?

edited Jul 31 at 5:30

asked Jul 30 at 9:05

stackOverFlowGeek

closed as off-topic by IEatBagels, Ludisposed, Stephen Rauch, Dannnno, yuri Jul 30 at 20:57

This question appears to be off-topic. The users who voted to close gave these specific reasons:

"Lacks concrete context: Code Review requires concrete code from a project, with sufficient context for reviewers to understand how that code is used. Pseudocode, stub code, hypothetical code, obfuscated code, and generic best practices are outside the scope of this site." – Dannnno, yuri

"Code not implemented or not working as intended: Code Review is a community where programmers peer-review your working code to address issues such as security, maintainability, performance, and scalability. We require that the code be working correctly, to the best of the author's knowledge, before proceeding with a review." – IEatBagels, Ludisposed, Stephen Rauch

If this question can be reworded to fit the rules in the help center, please edit the question.

add a comment |

up vote
-1
down vote

favorite

<!doctype html>
<html lang="en">
 <head>
 <!-- Required meta tags -->
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

 <!-- Bootstrap CSS -->
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">

 <title>bootstrap</title>
	<style>
 .m-x-3 margin-right: 3rem !important;margin-left: 3rem !important; 
 .m-y-3 margin-top: 3rem !important;margin-bottom: 3rem !important; 
 .p-l-3 padding-left: 3rem !important; 
 .p-r-3 padding-right: 3rem !important; 
 </style>
 </head>
 <body>
<div class="container">
 <div class="row">
 <div class="col-xs-12">
 <div class="panel panel-default no-bg b-a-2 b-gray-dark">
 
 <div class="panel-body m-x-3 m-y-3"> 
 <div class="row">
 <div class="col-xs-12">
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>To:</p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Number:</p>	
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>QT-10001</p>
 </div>
 </div>
 </div>
 
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>Jefferey Halvorson </p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Issue Date:</p>		
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>15-Mar-2017</p>
 </div>
 
 </div>
 </div>
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>Herzog-Willms </p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p> Expiry Date:</p>			
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>15-Mar-2017</p>
 </div>
 
 </div></div>
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>309 Johnson Ford</p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Grand Total:</p>				
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>USD 1,469.00</p>
 </div>
 
 </div></div>
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>Cormiertown, AL 23471-0332</p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Status:</p>					
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>SENT</p>
 </div>
 
 </div></div>

 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>GSTIN: C-66553</p>
 </div>
 
 </div></div>
 
 </div>
 </div>
	 
 <!-- Table -->
 <div class="row">
 <div class="col-xs-12 p-l-3 p-r-3">
 
					<table class="table table-condensed">
						<thead>
							<tr>
								<th>Item Code</th>
								<th>Description</th>
								<th>U.O.M</th>
								<th>Unit Price</th>
								<th>Qty</th>
								<th>Total</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">Sub Total:</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">1,100.00</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">CGST</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">10,916.00</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">SGST</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">28476447</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">Grand Total:</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">USD 10,776.00</td>
							</tr>
						</tbody> 
						<tfoot>
							<tr>
										<td colspan="4" style="border: 0;"><strong>Terms and Conditions:</strong></td>
							</tr>
							<tr>
								<td colspan="4" style="border: 0;">1. Delivery will be made within [DAYS] days following [COMPANY NAME] receipt of payment.</td>
							</tr>
							<tr>
						<td colspan="4"style="border: 0;">2. Delivery will be made f.o.b. [COMPANY NAME] facility.</td>
						</tr>
						<tr>
						<td colspan="4" style="border: 0;">3. The general terms and conditions of purchase at [WEBSITE LINK OR REFERENCE TO ATTACHMENT]
	apply to this quotation contract.</td>
						</tr>
					</tfoot>
					<!-- END Table -->
 </table>
 
 </div>
 </div>
 </div>
 <!-- </div> -->
 </div> 
 </div>
</div>

 </body>
 <!-- Optional JavaScript -->
 <!-- jQuery first, then Popper.js, then Bootstrap JS -->
	
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js" integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em" crossorigin="anonymous"></script>
 </body>
</html>

Now my question is:
- how to make this page more responded?

edited Jul 31 at 5:30

asked Jul 30 at 9:05

stackOverFlowGeek

closed as off-topic by IEatBagels, Ludisposed, Stephen Rauch, Dannnno, yuri Jul 30 at 20:57

This question appears to be off-topic. The users who voted to close gave these specific reasons:

"Lacks concrete context: Code Review requires concrete code from a project, with sufficient context for reviewers to understand how that code is used. Pseudocode, stub code, hypothetical code, obfuscated code, and generic best practices are outside the scope of this site." – Dannnno, yuri

"Code not implemented or not working as intended: Code Review is a community where programmers peer-review your working code to address issues such as security, maintainability, performance, and scalability. We require that the code be working correctly, to the best of the author's knowledge, before proceeding with a review." – IEatBagels, Ludisposed, Stephen Rauch

If this question can be reworded to fit the rules in the help center, please edit the question.

add a comment |

up vote
-1
down vote

favorite

<!doctype html>
<html lang="en">
 <head>
 <!-- Required meta tags -->
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

 <!-- Bootstrap CSS -->
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">

 <title>bootstrap</title>
	<style>
 .m-x-3 margin-right: 3rem !important;margin-left: 3rem !important; 
 .m-y-3 margin-top: 3rem !important;margin-bottom: 3rem !important; 
 .p-l-3 padding-left: 3rem !important; 
 .p-r-3 padding-right: 3rem !important; 
 </style>
 </head>
 <body>
<div class="container">
 <div class="row">
 <div class="col-xs-12">
 <div class="panel panel-default no-bg b-a-2 b-gray-dark">
 
 <div class="panel-body m-x-3 m-y-3"> 
 <div class="row">
 <div class="col-xs-12">
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>To:</p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Number:</p>	
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>QT-10001</p>
 </div>
 </div>
 </div>
 
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>Jefferey Halvorson </p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Issue Date:</p>		
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>15-Mar-2017</p>
 </div>
 
 </div>
 </div>
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>Herzog-Willms </p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p> Expiry Date:</p>			
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>15-Mar-2017</p>
 </div>
 
 </div></div>
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>309 Johnson Ford</p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Grand Total:</p>				
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>USD 1,469.00</p>
 </div>
 
 </div></div>
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>Cormiertown, AL 23471-0332</p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Status:</p>					
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>SENT</p>
 </div>
 
 </div></div>

 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>GSTIN: C-66553</p>
 </div>
 
 </div></div>
 
 </div>
 </div>
	 
 <!-- Table -->
 <div class="row">
 <div class="col-xs-12 p-l-3 p-r-3">
 
					<table class="table table-condensed">
						<thead>
							<tr>
								<th>Item Code</th>
								<th>Description</th>
								<th>U.O.M</th>
								<th>Unit Price</th>
								<th>Qty</th>
								<th>Total</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">Sub Total:</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">1,100.00</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">CGST</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">10,916.00</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">SGST</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">28476447</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">Grand Total:</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">USD 10,776.00</td>
							</tr>
						</tbody> 
						<tfoot>
							<tr>
										<td colspan="4" style="border: 0;"><strong>Terms and Conditions:</strong></td>
							</tr>
							<tr>
								<td colspan="4" style="border: 0;">1. Delivery will be made within [DAYS] days following [COMPANY NAME] receipt of payment.</td>
							</tr>
							<tr>
						<td colspan="4"style="border: 0;">2. Delivery will be made f.o.b. [COMPANY NAME] facility.</td>
						</tr>
						<tr>
						<td colspan="4" style="border: 0;">3. The general terms and conditions of purchase at [WEBSITE LINK OR REFERENCE TO ATTACHMENT]
	apply to this quotation contract.</td>
						</tr>
					</tfoot>
					<!-- END Table -->
 </table>
 
 </div>
 </div>
 </div>
 <!-- </div> -->
 </div> 
 </div>
</div>

 </body>
 <!-- Optional JavaScript -->
 <!-- jQuery first, then Popper.js, then Bootstrap JS -->
	
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js" integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em" crossorigin="anonymous"></script>
 </body>
</html>

Now my question is:
- how to make this page more responded?

edited Jul 31 at 5:30

asked Jul 30 at 9:05

stackOverFlowGeek

<!doctype html>
<html lang="en">
 <head>
 <!-- Required meta tags -->
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

 <!-- Bootstrap CSS -->
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">

 <title>bootstrap</title>
	<style>
 .m-x-3 margin-right: 3rem !important;margin-left: 3rem !important; 
 .m-y-3 margin-top: 3rem !important;margin-bottom: 3rem !important; 
 .p-l-3 padding-left: 3rem !important; 
 .p-r-3 padding-right: 3rem !important; 
 </style>
 </head>
 <body>
<div class="container">
 <div class="row">
 <div class="col-xs-12">
 <div class="panel panel-default no-bg b-a-2 b-gray-dark">
 
 <div class="panel-body m-x-3 m-y-3"> 
 <div class="row">
 <div class="col-xs-12">
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>To:</p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Number:</p>	
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>QT-10001</p>
 </div>
 </div>
 </div>
 
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>Jefferey Halvorson </p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Issue Date:</p>		
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>15-Mar-2017</p>
 </div>
 
 </div>
 </div>
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>Herzog-Willms </p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p> Expiry Date:</p>			
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>15-Mar-2017</p>
 </div>
 
 </div></div>
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>309 Johnson Ford</p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Grand Total:</p>				
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>USD 1,469.00</p>
 </div>
 
 </div></div>
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>Cormiertown, AL 23471-0332</p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Status:</p>					
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>SENT</p>
 </div>
 
 </div></div>

 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>GSTIN: C-66553</p>
 </div>
 
 </div></div>
 
 </div>
 </div>
	 
 <!-- Table -->
 <div class="row">
 <div class="col-xs-12 p-l-3 p-r-3">
 
					<table class="table table-condensed">
						<thead>
							<tr>
								<th>Item Code</th>
								<th>Description</th>
								<th>U.O.M</th>
								<th>Unit Price</th>
								<th>Qty</th>
								<th>Total</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">Sub Total:</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">1,100.00</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">CGST</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">10,916.00</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">SGST</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">28476447</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">Grand Total:</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">USD 10,776.00</td>
							</tr>
						</tbody> 
						<tfoot>
							<tr>
										<td colspan="4" style="border: 0;"><strong>Terms and Conditions:</strong></td>
							</tr>
							<tr>
								<td colspan="4" style="border: 0;">1. Delivery will be made within [DAYS] days following [COMPANY NAME] receipt of payment.</td>
							</tr>
							<tr>
						<td colspan="4"style="border: 0;">2. Delivery will be made f.o.b. [COMPANY NAME] facility.</td>
						</tr>
						<tr>
						<td colspan="4" style="border: 0;">3. The general terms and conditions of purchase at [WEBSITE LINK OR REFERENCE TO ATTACHMENT]
	apply to this quotation contract.</td>
						</tr>
					</tfoot>
					<!-- END Table -->
 </table>
 
 </div>
 </div>
 </div>
 <!-- </div> -->
 </div> 
 </div>
</div>

 </body>
 <!-- Optional JavaScript -->
 <!-- jQuery first, then Popper.js, then Bootstrap JS -->
	
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js" integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em" crossorigin="anonymous"></script>
 </body>
</html>

Now my question is:
- how to make this page more responded?

<!doctype html>
<html lang="en">
 <head>
 <!-- Required meta tags -->
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

 <!-- Bootstrap CSS -->
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">

 <title>bootstrap</title>
	<style>
 .m-x-3 margin-right: 3rem !important;margin-left: 3rem !important; 
 .m-y-3 margin-top: 3rem !important;margin-bottom: 3rem !important; 
 .p-l-3 padding-left: 3rem !important; 
 .p-r-3 padding-right: 3rem !important; 
 </style>
 </head>
 <body>
<div class="container">
 <div class="row">
 <div class="col-xs-12">
 <div class="panel panel-default no-bg b-a-2 b-gray-dark">
 
 <div class="panel-body m-x-3 m-y-3"> 
 <div class="row">
 <div class="col-xs-12">
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>To:</p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Number:</p>	
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>QT-10001</p>
 </div>
 </div>
 </div>
 
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>Jefferey Halvorson </p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Issue Date:</p>		
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>15-Mar-2017</p>
 </div>
 
 </div>
 </div>
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>Herzog-Willms </p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p> Expiry Date:</p>			
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>15-Mar-2017</p>
 </div>
 
 </div></div>
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>309 Johnson Ford</p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Grand Total:</p>				
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>USD 1,469.00</p>
 </div>
 
 </div></div>
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>Cormiertown, AL 23471-0332</p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Status:</p>					
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>SENT</p>
 </div>
 
 </div></div>

 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>GSTIN: C-66553</p>
 </div>
 
 </div></div>
 
 </div>
 </div>
	 
 <!-- Table -->
 <div class="row">
 <div class="col-xs-12 p-l-3 p-r-3">
 
					<table class="table table-condensed">
						<thead>
							<tr>
								<th>Item Code</th>
								<th>Description</th>
								<th>U.O.M</th>
								<th>Unit Price</th>
								<th>Qty</th>
								<th>Total</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">Sub Total:</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">1,100.00</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">CGST</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">10,916.00</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">SGST</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">28476447</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">Grand Total:</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">USD 10,776.00</td>
							</tr>
						</tbody> 
						<tfoot>
							<tr>
										<td colspan="4" style="border: 0;"><strong>Terms and Conditions:</strong></td>
							</tr>
							<tr>
								<td colspan="4" style="border: 0;">1. Delivery will be made within [DAYS] days following [COMPANY NAME] receipt of payment.</td>
							</tr>
							<tr>
						<td colspan="4"style="border: 0;">2. Delivery will be made f.o.b. [COMPANY NAME] facility.</td>
						</tr>
						<tr>
						<td colspan="4" style="border: 0;">3. The general terms and conditions of purchase at [WEBSITE LINK OR REFERENCE TO ATTACHMENT]
	apply to this quotation contract.</td>
						</tr>
					</tfoot>
					<!-- END Table -->
 </table>
 
 </div>
 </div>
 </div>
 <!-- </div> -->
 </div> 
 </div>
</div>

 </body>
 <!-- Optional JavaScript -->
 <!-- jQuery first, then Popper.js, then Bootstrap JS -->
	
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js" integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em" crossorigin="anonymous"></script>
 </body>
</html>

<!doctype html>
<html lang="en">
 <head>
 <!-- Required meta tags -->
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

 <!-- Bootstrap CSS -->
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">

 <title>bootstrap</title>
	<style>
 .m-x-3 margin-right: 3rem !important;margin-left: 3rem !important; 
 .m-y-3 margin-top: 3rem !important;margin-bottom: 3rem !important; 
 .p-l-3 padding-left: 3rem !important; 
 .p-r-3 padding-right: 3rem !important; 
 </style>
 </head>
 <body>
<div class="container">
 <div class="row">
 <div class="col-xs-12">
 <div class="panel panel-default no-bg b-a-2 b-gray-dark">
 
 <div class="panel-body m-x-3 m-y-3"> 
 <div class="row">
 <div class="col-xs-12">
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>To:</p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Number:</p>	
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>QT-10001</p>
 </div>
 </div>
 </div>
 
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>Jefferey Halvorson </p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Issue Date:</p>		
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>15-Mar-2017</p>
 </div>
 
 </div>
 </div>
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>Herzog-Willms </p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p> Expiry Date:</p>			
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>15-Mar-2017</p>
 </div>
 
 </div></div>
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>309 Johnson Ford</p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Grand Total:</p>				
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>USD 1,469.00</p>
 </div>
 
 </div></div>
 
 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>Cormiertown, AL 23471-0332</p>
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>Status:</p>					
 </div>
 <div class="col-xs-2" style="text-align:right">
 <p>SENT</p>
 </div>
 
 </div></div>

 <div class="row">
 <div class="col-xs-12">
 <div class="col-xs-8">
 <p>GSTIN: C-66553</p>
 </div>
 
 </div></div>
 
 </div>
 </div>
	 
 <!-- Table -->
 <div class="row">
 <div class="col-xs-12 p-l-3 p-r-3">
 
					<table class="table table-condensed">
						<thead>
							<tr>
								<th>Item Code</th>
								<th>Description</th>
								<th>U.O.M</th>
								<th>Unit Price</th>
								<th>Qty</th>
								<th>Total</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td>P-203</td>
								<td>HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A) HP ENVY 5055 Wireless All-in-One Photo Printer, Instant Ink Ready (M2U85A)</td>
								<td>set</td>
								<td>275.00</td>
								<td>4</td>
								<td>1,100.00</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">Sub Total:</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">1,100.00</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">CGST</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">10,916.00</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">SGST</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">28476447</td>
							</tr>
							<tr>
								<td colspan="3" style="border:0">
								<td style="border:0; text-align:right;">Grand Total:</td>
								<td colspan="1" style="border:0"></td>
								<td style="border:0;text-align:right;">USD 10,776.00</td>
							</tr>
						</tbody> 
						<tfoot>
							<tr>
										<td colspan="4" style="border: 0;"><strong>Terms and Conditions:</strong></td>
							</tr>
							<tr>
								<td colspan="4" style="border: 0;">1. Delivery will be made within [DAYS] days following [COMPANY NAME] receipt of payment.</td>
							</tr>
							<tr>
						<td colspan="4"style="border: 0;">2. Delivery will be made f.o.b. [COMPANY NAME] facility.</td>
						</tr>
						<tr>
						<td colspan="4" style="border: 0;">3. The general terms and conditions of purchase at [WEBSITE LINK OR REFERENCE TO ATTACHMENT]
	apply to this quotation contract.</td>
						</tr>
					</tfoot>
					<!-- END Table -->
 </table>
 
 </div>
 </div>
 </div>
 <!-- </div> -->
 </div> 
 </div>
</div>

 </body>
 <!-- Optional JavaScript -->
 <!-- jQuery first, then Popper.js, then Bootstrap JS -->
	
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js" integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em" crossorigin="anonymous"></script>
 </body>
</html>

edited Jul 31 at 5:30

asked Jul 30 at 9:05

stackOverFlowGeek

edited Jul 31 at 5:30

asked Jul 30 at 9:05

stackOverFlowGeek

asked Jul 30 at 9:05

stackOverFlowGeek

asked Jul 30 at 9:05

stackOverFlowGeek

closed as off-topic by IEatBagels, Ludisposed, Stephen Rauch, Dannnno, yuri Jul 30 at 20:57

This question appears to be off-topic. The users who voted to close gave these specific reasons:

"Lacks concrete context: Code Review requires concrete code from a project, with sufficient context for reviewers to understand how that code is used. Pseudocode, stub code, hypothetical code, obfuscated code, and generic best practices are outside the scope of this site." – Dannnno, yuri

"Code not implemented or not working as intended: Code Review is a community where programmers peer-review your working code to address issues such as security, maintainability, performance, and scalability. We require that the code be working correctly, to the best of the author's knowledge, before proceeding with a review." – IEatBagels, Ludisposed, Stephen Rauch

If this question can be reworded to fit the rules in the help center, please edit the question.

closed as off-topic by IEatBagels, Ludisposed, Stephen Rauch, Dannnno, yuri Jul 30 at 20:57

This question appears to be off-topic. The users who voted to close gave these specific reasons:

"Lacks concrete context: Code Review requires concrete code from a project, with sufficient context for reviewers to understand how that code is used. Pseudocode, stub code, hypothetical code, obfuscated code, and generic best practices are outside the scope of this site." – Dannnno, yuri

"Code not implemented or not working as intended: Code Review is a community where programmers peer-review your working code to address issues such as security, maintainability, performance, and scalability. We require that the code be working correctly, to the best of the author's knowledge, before proceeding with a review." – IEatBagels, Ludisposed, Stephen Rauch

If this question can be reworded to fit the rules in the help center, please edit the question.

add a comment |

1 Answer
1

active

oldest

votes

up vote
0
down vote

how to make it more responsive this page specially on iphone?

As initial step to improving styling I would start using CSS.

code like

<td style="border:0; text-align:right;">Sub Total:</td>

should not appear in your page. If you are using CSS (what is suggested by many class names in your code) please include it in your question and move remaining styling to the CSS.

answered Jul 30 at 20:11

Mateusz Konieczny

1186

u r telling me custom Css should not be utilized if i am using bootstrap classes it will effect on responsiveness ?. or should i put css in separate file?
– stackOverFlowGeek
Jul 31 at 2:25

what is suggested by many class names in your code. all classes are from bootstrap except m-l-1 (margin:left 10px) m-r-2 (margin ;right 10px) m-y-axis-1 theses are custom classes that i made for margin and used on table.
– stackOverFlowGeek
Jul 31 at 2:34

"it will effect on responsiveness", no but it will affect readability of your code and makes harder to propose changes
– Mateusz Konieczny
Jul 31 at 4:58

add a comment |

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

up vote
0
down vote

how to make it more responsive this page specially on iphone?

As initial step to improving styling I would start using CSS.

code like

<td style="border:0; text-align:right;">Sub Total:</td>

should not appear in your page. If you are using CSS (what is suggested by many class names in your code) please include it in your question and move remaining styling to the CSS.

answered Jul 30 at 20:11

Mateusz Konieczny

1186

u r telling me custom Css should not be utilized if i am using bootstrap classes it will effect on responsiveness ?. or should i put css in separate file?
– stackOverFlowGeek
Jul 31 at 2:25

what is suggested by many class names in your code. all classes are from bootstrap except m-l-1 (margin:left 10px) m-r-2 (margin ;right 10px) m-y-axis-1 theses are custom classes that i made for margin and used on table.
– stackOverFlowGeek
Jul 31 at 2:34

"it will effect on responsiveness", no but it will affect readability of your code and makes harder to propose changes
– Mateusz Konieczny
Jul 31 at 4:58

add a comment |

up vote
0
down vote

how to make it more responsive this page specially on iphone?

As initial step to improving styling I would start using CSS.

code like

<td style="border:0; text-align:right;">Sub Total:</td>

should not appear in your page. If you are using CSS (what is suggested by many class names in your code) please include it in your question and move remaining styling to the CSS.

answered Jul 30 at 20:11

Mateusz Konieczny

1186

u r telling me custom Css should not be utilized if i am using bootstrap classes it will effect on responsiveness ?. or should i put css in separate file?
– stackOverFlowGeek
Jul 31 at 2:25

what is suggested by many class names in your code. all classes are from bootstrap except m-l-1 (margin:left 10px) m-r-2 (margin ;right 10px) m-y-axis-1 theses are custom classes that i made for margin and used on table.
– stackOverFlowGeek
Jul 31 at 2:34

"it will effect on responsiveness", no but it will affect readability of your code and makes harder to propose changes
– Mateusz Konieczny
Jul 31 at 4:58

add a comment |

up vote
0
down vote

how to make it more responsive this page specially on iphone?

As initial step to improving styling I would start using CSS.

code like

<td style="border:0; text-align:right;">Sub Total:</td>

should not appear in your page. If you are using CSS (what is suggested by many class names in your code) please include it in your question and move remaining styling to the CSS.

answered Jul 30 at 20:11

Mateusz Konieczny

1186

how to make it more responsive this page specially on iphone?

As initial step to improving styling I would start using CSS.

code like

<td style="border:0; text-align:right;">Sub Total:</td>

should not appear in your page. If you are using CSS (what is suggested by many class names in your code) please include it in your question and move remaining styling to the CSS.

answered Jul 30 at 20:11

Mateusz Konieczny

1186

answered Jul 30 at 20:11

Mateusz Konieczny

1186

answered Jul 30 at 20:11

Mateusz Konieczny

1186

answered Jul 30 at 20:11

Mateusz Konieczny

1186

u r telling me custom Css should not be utilized if i am using bootstrap classes it will effect on responsiveness ?. or should i put css in separate file?
– stackOverFlowGeek
Jul 31 at 2:25

what is suggested by many class names in your code. all classes are from bootstrap except m-l-1 (margin:left 10px) m-r-2 (margin ;right 10px) m-y-axis-1 theses are custom classes that i made for margin and used on table.
– stackOverFlowGeek
Jul 31 at 2:34

"it will effect on responsiveness", no but it will affect readability of your code and makes harder to propose changes
– Mateusz Konieczny
Jul 31 at 4:58

add a comment |

u r telling me custom Css should not be utilized if i am using bootstrap classes it will effect on responsiveness ?. or should i put css in separate file?
– stackOverFlowGeek
Jul 31 at 2:25

what is suggested by many class names in your code. all classes are from bootstrap except m-l-1 (margin:left 10px) m-r-2 (margin ;right 10px) m-y-axis-1 theses are custom classes that i made for margin and used on table.
– stackOverFlowGeek
Jul 31 at 2:34

"it will effect on responsiveness", no but it will affect readability of your code and makes harder to propose changes
– Mateusz Konieczny
Jul 31 at 4:58

u r telling me custom Css should not be utilized if i am using bootstrap classes it will effect on responsiveness ?. or should i put css in separate file?
– stackOverFlowGeek
Jul 31 at 2:25

what is suggested by many class names in your code. all classes are from bootstrap except m-l-1 (margin:left 10px) m-r-2 (margin ;right 10px) m-y-axis-1 theses are custom classes that i made for margin and used on table.
– stackOverFlowGeek
Jul 31 at 2:34

"it will effect on responsiveness", no but it will affect readability of your code and makes harder to propose changes
– Mateusz Konieczny
Jul 31 at 4:58

add a comment |

搜尋此網誌

trjhtr