Note that there are some explanatory texts on larger screens.

plurals
  1. PORails Bootstrap wont use tabulation. (This is a Rails - CSS issue)
    primarykey
    data
    text
    <p>As allways, I think I miss some basic thing, but I hope you can help. </p> <p>I have a site in development. I chose bootstrap as a basic CSS framework. I tried to build up a tab on a view. </p> <pre><code>&lt;div class="text_area"&gt; &lt;ul class="nav nav-tabs"&gt; &lt;li&gt;&lt;a href="#tarot" data-toggle="tab"&gt;Tarot Jóslás&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#iching" data-toggle="tab"&gt;I Ching Jóslás&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#igennem" data-toggle="tab"&gt;Igen Nem Jóslás&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div class="tab-pane fade active in" id="tarot"&gt;1 &lt;/div&gt; &lt;div class="tab-pane fade" id="iching"&gt;2 &lt;/div&gt; &lt;div class="tab-pane fade" id="igennem"&gt;3s &lt;/div&gt; &lt;/div&gt; </code></pre> <p>With this view, my tabs wont tabulate. Yesterday it worked correctly, and now it stacked. I have checked an other projects and if I start a server I miss some of my files:</p> <p>This is what I have on the other project:</p> <pre><code>&lt;link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" /&gt; &lt;link href="/assets/custom.css?body=1" media="all" rel="stylesheet" type="text/css" /&gt; &lt;link href="/assets/sessions.css?body=1" media="all" rel="stylesheet" type="text/css" /&gt; &lt;link href="/assets/static_pages.css?body=1" media="all" rel="stylesheet" type="text/css" /&gt; &lt;link href="/assets/users.css?body=1" media="all" rel="stylesheet" type="text/css" /&gt; &lt;script src="/assets/jquery.js?body=1" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/assets/jquery_ujs.js?body=1" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/assets/bootstrap-transition.js?body=1" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/assets/bootstrap-alert.js?body=1" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/assets/bootstrap-button.js?body=1" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/assets/bootstrap-carousel.js?body=1" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/assets/bootstrap-collapse.js?body=1" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/assets/bootstrap-dropdown.js?body=1" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/assets/bootstrap-modal.js?body=1" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/assets/bootstrap-scrollspy.js?body=1" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/assets/bootstrap-tab.js?body=1" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/assets/bootstrap-tooltip.js?body=1" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/assets/bootstrap-popover.js?body=1" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/assets/bootstrap-typeahead.js?body=1" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/assets/bootstrap.js?body=1" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/assets/sessions.js?body=1" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/assets/static_pages.js?body=1" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/assets/users.js?body=1" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/assets/application.js?body=1" type="text/javascript"&gt;&lt;/script&gt; </code></pre> <p>This is what I have now:</p> <pre><code> &lt;link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" /&gt; &lt;link href="/assets/custom.css?body=1" media="all" rel="stylesheet" type="text/css" /&gt; &lt;link href="/assets/static_pages.css?body=1" media="all" rel="stylesheet" type="text/css" /&gt; &lt;script src="/assets/jquery.js?body=1" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/assets/jquery_ujs.js?body=1" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/assets/static_pages.js?body=1" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/assets/application.js?body=1" type="text/javascript"&gt;&lt;/script&gt; </code></pre> <p>Several lines missing. Is this the source of problem? Or what do I miss? All helps much appreciated.</p>
    singulars
    1. This table or related slice is empty.
    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.
 

Querying!

 
Guidance

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