Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Could be a bug. That being said, there are some general issues with how your code is laid out. Based on my current understanding of the Bootstrap 3 grid, here is a cleaner way:</p> <pre><code>&lt;div class="container"&gt; &lt;div id="reviews" class="row"&gt; &lt;h3 class="col-xs-12"&gt;&lt;i class="icon-comment"&gt;&lt;/i&gt;Review&lt;i class="icon-comment"&gt;&lt;/i&gt;&lt;/h3&gt; &lt;div class="review col-xs-12"&gt; &lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. &lt;/p&gt; &lt;div class="review-meta row"&gt; &lt;div class="review-author col-xs-11"&gt;Author Name&lt;/div&gt; &lt;div class="add-review col-xs-1 text-center"&gt;&lt;i class="icon-plus"&gt;&lt;/i&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <ol> <li>Removed duplicate .container elements.</li> <li>Added grid class to h3 to bring it inline with other elements.</li> <li>Nested row should fall within .col div (at least according to the docs).</li> </ol> <p>I starting thinking that #3 was unintentional, in that you didn't want your 11/1 row to be nested. If that is the case, the code should look more like:</p> <pre><code>&lt;div class="container"&gt; &lt;div id="reviews" class="row"&gt; &lt;h3 class="col-xs-12"&gt;&lt;i class="icon-comment"&gt;&lt;/i&gt;Review&lt;i class="icon-comment"&gt;&lt;/i&gt;&lt;/h3&gt; &lt;div class="review col-xs-12"&gt; &lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="review-meta row"&gt; &lt;div class="review-author col-xs-11"&gt;Author Name&lt;/div&gt; &lt;div class="add-review col-xs-1 text-center"&gt;icon&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>I am not able to test on an iPhone right now, so I am hoping this will clear the issue for you.</p>
    singulars
    1. This table or related slice is empty.
    1. POBootstrap 3 Column Wraps in Portrait View Only
      singulars
      1. PTQuestion
    1. PTAnswer
    1. This table or related slice is empty.
    1. USSean Ryan
    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. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThanks @Sean Ryan for the information, very useful. A few follow-ups: 1. I've avoided wrapping everything in a .container since the design requires full width backgrounds. The only way I've found to reliable do that is to use .container classes within rows. 2. I've added the grid class to the h3. 3. I didn't realize that nested rows needed to fall within a .col div. I'll do that now. Thanks!
      singulars
      1. PO
      1. USTom Hartman
 

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