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

The name of the pictureThe name of the pictureThe name of the pictureClash Royale CLAN TAG#URR8PPP


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




<!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>

</style>
</head>
<body>
<div class="container">
<div class="row">
<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>
</div>

<!-- Table -->
<div class="row">
<div class="col-xs-12 m-l-1 m-r-2 m-y-1">

<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>

</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 bootstrap columns and rows. I put all these in panel.


bootstrap


panel



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









By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

-

Popular posts from this blog

Makefile test if variable is not empty

Makefile test if variable is not empty In a makefile I'm trying to I've created this simplified makefile to demonstrate my problem. Neither make a or make b executes the body of the if, I don't understand why not. make a make b .PHONY: a b a: $(eval MY_VAR = $(shell echo whatever)) @echo MY_VAR is $(MY_VAR) $(info $(MY_VAR)) ifneq ($(strip $(MY_VAR)),) @echo "should be executed" endif @echo done b: $(eval MY_VAR = $(shell echo '')) @echo MY_VAR is $(MY_VAR) $(info $(MY_VAR)) ifneq ($(strip $(MY_VAR)),) @echo "should not be executed" endif @echo done I'm using $ make --version GNU Make 3.81 There are several problems, and misunderstandings. Your MY_VAR is a make variable, set it without a <tab> to its value, and no need to $(eval ...) . MY_VAR:=$(shell echo whatever) is enough. No <tab> before $(info ...) neither, this is make – Zelnes ...
Read more

Will Oldham

Image
"Palace Music" redirects here. For the racehorse, see Palace Music (horse). Bonnie 'Prince' Billy Will Oldham, June 6, 2009 Background information Birth name William Oldham Also known as Palace Brothers Palace Music Bonnie 'Prince' Billy Born ( 1970-12-24 ) December 24, 1970 (age 47) Louisville, Kentucky, United States Genres Folk alternative country country freak folk [1] Years active 1993–present Labels Drag City, Domino, Spunk Associated acts Dawn McCarthy, The Cairo Gang, Mekons, Matt Sweeney, Mick Turner, Tortoise, Trembling Bells, Harem Scarem, The Picket Line, Alex Neilson, Björk, Slint Website www.bonnieprincebilly.com Will Oldham (born December 24, 1970), better known by the stage name Bonnie 'Prince' Billy , is an American singer-songwriter and actor. From 1993 to 1997, he performed and recorded under variations of the Palace name, including the Palace Brothers, Palace Songs, and Palace Music. After releasing material under his own name,...
Read more

Visual Studio Code: How to configure includePath for better IntelliSense results

Image
Clash Royale CLAN TAG #URR8PPP Visual Studio Code: How to configure includePath for better IntelliSense results so I am a complete beginner to using Visual Studio Code and I have no clue what I am doing. I've searched around (maybe not enough), but I cant find just a simple explanation for someone like me on how to configure the c_cpp_properties.json file that I am redirected to whenever I click on the yellow lightbulb next to a line that is underlined with a green squiggle. Lightbulb example c_cpp_properties.json I just want to know what to put in the .json to make IntelliSense work properly This question has answers that may be good or bad; the system has marked it active so that they can be reviewed. 2 Answers 2 From: https://code.visualstudio.com/docs/languages/cpp Below you can see that the MinGW C++ include path has been added to browse.path for Windows: { "name": "Win32...
Read more