Databases
StackOverflow2013
Postsdbo
POResponsive layout is not working?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POResponsive layout is not working?
    primarykey
    data
    text
    <p><strong>I am using bootstrap simple html code.but in mobile view its not coming properly.I am not finding any problem in my code.</strong></p> <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;link class="cssdeck" rel="stylesheet" href="css/bootstrap.css"&gt; &lt;link rel="stylesheet" href="css/bootstrap-responsive.css" class="cssdeck"&gt; &lt;script class="cssdeck" src="css/jquery.min.js"&gt;&lt;/script&gt; &lt;script class="cssdeck" src="js/bootstrap.min.js"&gt;&lt;/script&gt; &lt;title&gt;Doctor Log In&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;!--&lt;div style="width:100%; background-color:#1d719a; height:100px;"&gt; &lt;img src="nature/logo.png" style="margin:23px 0px 0px 30px;"&gt; &lt;div style="width:30%; float:right; text-align:right; margin-right:20px; margin-top:20px;"&gt; &lt;a href="pdashboard.html" title="Home"&gt;&lt;img src="images/home_icon.png" height="32" width="32"/&gt;&lt;/a&gt; &lt;a href="patientlog.html" title="Logout"&gt;&lt;img src="images/logout.png" height="32" width="32" /&gt;&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; --&gt; &lt;div class="container" style="background-color: #1d719a; width: 100%;"&gt; &lt;div class="row-fluid"&gt; &lt;div class="span12"&gt; &lt;div class="span6"&gt; &lt;img src="nature/logo.png" style="margin: 23px 0px 20px 30px;"&gt; &lt;/div&gt; &lt;div class="span6" style="text-align: right;"&gt; &lt;a href="app.html" title="Home" style="margin-right: 10px;"&gt; &lt;img src="images/home_icon.png" height="32" width="32" style="margin-top: 20px;" /&gt;&lt;/a&gt; &lt;a href="doclog.html" title="Logout" style="margin-right: 20px;"&gt; &lt;img src="images/logout.png" height="32" width="32" style="margin-top: 20px;" /&gt;&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="loginModal"&gt; &lt;div class="modal-body" style="max-height: 1400px; margin-top: 70px;"&gt; &lt;div class="well"&gt; &lt;ul class="nav nav-tabs"&gt; &lt;li class="active"&gt;&lt;a href="#login" data-toggle="tab"&gt;Login&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#create" data-toggle="tab"&gt;Create Account&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div id="myTabContent" class="tab-content"&gt; &lt;div class="tab-pane active in" id="login"&gt; &lt;form class="form-horizontal" action='dash_board.html' method="POST"&gt; &lt;fieldset&gt; &lt;div id="legend"&gt; &lt;legend class=""&gt;Login&lt;/legend&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;!-- Username --&gt; &lt;label class="control-label" for="username"&gt;Username&lt;/label&gt; &lt;div class="controls"&gt; &lt;input type="text" id="username" name="username" placeholder="" class="input-xlarge"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;!-- Password--&gt; &lt;label class="control-label" for="password"&gt;Password&lt;/label&gt; &lt;div class="controls"&gt; &lt;input type="password" id="password" name="password" placeholder="" class="input-xlarge"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;!-- Button --&gt; &lt;div class="controls"&gt; &lt;button class="btn btn-success"&gt;Login&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/fieldset&gt; &lt;/form&gt; &lt;/div&gt; &lt;div class="tab-pane fade" id="create"&gt; &lt;form id="tab"&gt; &lt;label&gt;Username&lt;/label&gt; &lt;input type="text" value="" class="input-xlarge"&gt; &lt;label&gt;First Name&lt;/label&gt; &lt;input type="text" value="" class="input-xlarge"&gt; &lt;label&gt;Last Name&lt;/label&gt; &lt;input type="text" value="" class="input-xlarge"&gt; &lt;label&gt;Email&lt;/label&gt; &lt;input type="text" value="" class="input-xlarge"&gt; &lt;label&gt;Address&lt;/label&gt; &lt;textarea value="Smith" rows="3" class="input-xlarge"&gt; &lt;/textarea&gt; &lt;div&gt; &lt;button class="btn btn-primary"&gt;Create Account&lt;/button&gt; &lt;/div&gt; &lt;/form&gt; &lt;!--&lt;form class="form-horizontal" action='' method="POST"&gt; &lt;fieldset&gt; &lt;div id="legend"&gt; &lt;legend &gt;Personal Details&lt;/legend&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;label class="control-label"&gt;&lt;strong&gt;First Name&lt;/strong&gt;&lt;span style="color:#F00; font-size:24px"&gt;*&lt;/span&gt;&lt;/label&gt; &lt;div class="controls"&gt; &lt;input id="first-name" name="first-name" type="text" &gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;label class="control-label"&gt;&lt;strong&gt;Middle Name&lt;/strong&gt;&lt;/label&gt; &lt;div class="controls"&gt; &lt;input id="middle-name" name="middle-name" type="text" &gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;label class="control-label"&gt;&lt;strong&gt;Last Name&lt;/strong&gt;&lt;span style="color:#F00; font-size:24px"&gt;*&lt;/span&gt;&lt;/label&gt; &lt;div class="controls"&gt; &lt;input id="last-name" name="last-name" type="text"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;label class="control-label"&gt;&lt;strong&gt;Username&lt;/strong&gt;&lt;span style="color:#F00; font-size:24px"&gt;*&lt;/span&gt;&lt;/label&gt; &lt;div class="controls"&gt; &lt;input id="username" name="username" type="text"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;label class="control-label"&gt;&lt;strong&gt;Password&lt;/strong&gt;&lt;span style="color:#F00; font-size:24px"&gt;*&lt;/span&gt;&lt;/label&gt; &lt;div class="controls"&gt; &lt;input id="password" name="password" type="text"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="legend"&gt; &lt;legend &gt;Professional Details&lt;/legend&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;label class="control-label"&gt;&lt;strong&gt;Specialist&lt;/strong&gt;&lt;span style="color:#F00; font-size:24px"&gt;*&lt;/span&gt;&lt;/label&gt; &lt;div class="controls"&gt; &lt;select id="specialty" name="specialty"&gt; &lt;option value="" selected="selected"&gt;(please select a specialty)&lt;/option&gt; &lt;option value="AF"&gt;Acupuncture&lt;/option&gt; &lt;option value="AF"&gt;Ayurvedic&lt;/option&gt; &lt;option value="AF"&gt;Cardiologist(Heart)&lt;/option&gt; &lt;option value="AF"&gt;Clinical Psychologist&lt;/option&gt; &lt;option value="AF"&gt;Cosmetic Surgeon&lt;/option&gt; &lt;option value="AF"&gt;Dentist(Teeth)&lt;/option&gt; &lt;option value="AF"&gt;Dermatologist(skin)&lt;/option&gt; &lt;option value="AF"&gt;Diabetologist&lt;/option&gt; &lt;option value="AF"&gt;ECG&lt;/option&gt; &lt;option value="AF"&gt;Endocrinologist(Hormones)&lt;/option&gt; &lt;option value="AF"&gt;ENT(Ear,Nose,Throat)&lt;/option&gt; &lt;option value="AF"&gt;Gastroenterologist(Digestion)&lt;/option&gt; &lt;option value="AF"&gt;Gynaecologist&lt;/option&gt; &lt;option value="AF"&gt;Homeopathic&lt;/option&gt; &lt;option value="AF"&gt;Infertility Specialist&lt;/option&gt; &lt;option value="AF"&gt;Neurologist&lt;/option&gt; &lt;option value="AF"&gt;OPG X-Ray&lt;/option&gt; &lt;option value="AF"&gt;Ophthalnologist(Eye)&lt;/option&gt; &lt;option value="AF"&gt;Orthopaedician(Bone)&lt;/option&gt; &lt;option value="AF"&gt;Paediatrician(child specialist)&lt;/option&gt; &lt;option value="AF"&gt;Physician&lt;/option&gt; &lt;option value="AF"&gt;Physiotherapist&lt;/option&gt; &lt;option value="AF"&gt;Pilates&lt;/option&gt; &lt;option value="AF"&gt;Plastic Surgeon&lt;/option&gt; &lt;option value="AF"&gt;Psychotherapist&lt;/option&gt; &lt;option value="AF"&gt;Pulmonologist(lungs and respiratory)&lt;/option&gt; &lt;option value="AF"&gt;Sexologist&lt;/option&gt; &lt;option value="AF"&gt;Surgeon&lt;/option&gt; &lt;option value="AF"&gt;Urologist(kidney)&lt;/option&gt; &lt;option value="AF"&gt;Veterinarian(Pets)&lt;/option&gt; &lt;option value="AF"&gt;X-Ray&lt;/option&gt; &lt;option value="AF"&gt;Yoga&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;label class="control-label"&gt;&lt;strong&gt;License&lt;/strong&gt;&lt;span style="color:#F00; font-size:24px"&gt;*&lt;/span&gt;&lt;/label&gt; &lt;div class="controls"&gt; &lt;input type="text"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;label class="control-label"&gt;&lt;strong&gt;Expertise&lt;/strong&gt;&lt;span style="color:#F00; font-size:24px"&gt;*&lt;/span&gt;&lt;/label&gt; &lt;div class="controls"&gt; &lt;input type="text"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="legend"&gt; &lt;legend &gt;Contact Details&lt;/legend&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;label class="control-label"&gt;&lt;strong&gt;Email&lt;/strong&gt;&lt;span style="color:#F00; font-size:24px"&gt;*&lt;/span&gt;&lt;/label&gt; &lt;div class="controls"&gt; &lt;input id="password" name="password" type="text"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;label class="control-label"&gt;&lt;strong&gt;Address Line 1&lt;/strong&gt;&lt;span style="color:#F00; font-size:24px"&gt;*&lt;/span&gt;&lt;/label&gt; &lt;div class="controls"&gt; &lt;textarea rows="3"&gt;&lt;/textarea&gt; &lt;p class="help-block"&gt;Street address, P.O. box, company name, c/o&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;label class="control-label"&gt;&lt;strong&gt;Address Line 2&lt;/strong&gt;&lt;/label&gt; &lt;div class="controls"&gt; &lt;textarea rows="3"&gt;&lt;/textarea&gt; &lt;p class="help-block"&gt;Apartment, suite , unit, building, floor, etc.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;label class="control-label"&gt;&lt;strong&gt;State&lt;/strong&gt;&lt;/label&gt; &lt;div class="controls"&gt; &lt;input id="region" name="region" type="text"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;label class="control-label"&gt;&lt;strong&gt;City&lt;/strong&gt;&lt;/label&gt; &lt;div class="controls"&gt; &lt;select id="country" name="country"&gt; &lt;option value="" selected="selected"&gt;(please select a City)&lt;/option&gt; &lt;option value="AF"&gt;Bangalore&lt;/option&gt; &lt;option value="AL"&gt;Bhubaneswar&lt;/option&gt; &lt;option value="DZ"&gt;Kolkata&lt;/option&gt; &lt;option value="AS"&gt;Delhi&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;label class="control-label"&gt;&lt;strong&gt;Zip / Postal Code&lt;/strong&gt;&lt;/strong&gt;&lt;span style="color:#F00; font-size:24px"&gt;*&lt;/span&gt;&lt;/label&gt; &lt;div class="controls"&gt; &lt;input id="postal-code" name="postal-code" type="text"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;div class="controls"&gt; &lt;button class="btn btn-success"&gt;Submit&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/fieldset&gt; &lt;/form&gt; --&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="container" style="background-color: #1d719a; width: 100%; height: 80px; margin-top: 150px;"&gt; &lt;div class="row-fluid"&gt; &lt;div class="span12" style="font: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #FFF;"&gt; &lt;div class="span6"&gt; &lt;table cellpadding="0" cellspacing="0" border="0" style="width: 100%;"&gt; &lt;tr&gt; &lt;td style="height: 10px;" colspan="2"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="width: 5%"&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;Copyrights 2013. All Rights Reserved.&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; &lt;div class="span6" style="text-align: right;"&gt; &lt;table cellpadding="0" cellspacing="0" border="0" style="width: 100%;"&gt; &lt;tr&gt; &lt;td style="height: 20px;" colspan="2"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="width: 5%"&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;G3 Soft Tech Pvt. Ltd.&lt;/td&gt; &lt;td style="width: 5%"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>For responsive view I'm using <strong>bootstrap-responsive.css</strong> and the path is correct. Any solution will be great.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USMr Lister
    1. USuser2775200
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POResponsive layout is not working?
      1. This table or related slice is empty.
      1. VTDownMod
    2. VO
      singulars
      1. POResponsive layout is not working?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COCould you localize the problem inside your code? Also please explain in detail what does "mobile view is not coming properly" mean.
      singulars
      1. POResponsive layout is not working?
      1. USPavlo
    2. COI mean the way its showing in mozila browser when i clicked on mobile view and its different in mobile browser.In mobile browser site is coming properly but not in the way i want....
      singulars
      1. POResponsive layout is not working?
      1. USuser2775200
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload