Databases
StackOverflow2013
Postsdbo
POBootstrap responsive layout does not work properly
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POBootstrap responsive layout does not work properly
    primarykey
    data
    text
    <p>Using bootstrap 2.2 I've got the following problem:</p> <p>When I narrow my firefox window with the responsive layout, the nav-bar disappears and I am getting a button in the right corner instead. But clicking on that button does not do anything (normally, the menu should pop out).</p> <p>I copied this HTML:</p> <p><a href="http://www.w3resource.com/twitter-bootstrap/example-responsive-design-with-twitter-bootstrap.html" rel="nofollow">http://www.w3resource.com/twitter-bootstrap/example-responsive-design-with-twitter-bootstrap.html</a></p> <p>and I replaced the CSS and JS imports by the following:</p> <pre><code>&lt;link href="bootstrap/css/bootstrap.css" rel="stylesheet"&gt; &lt;link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet"&gt; &lt;script src="bootstrap/js/bootstrap.js"&gt;&lt;/script&gt; </code></pre> <p>which are the standard .css and js files which one gets when downloading Bootstrap. The CSS and the bootstrap.js are loaded properly.</p> <p>The bootstrap.js does contain the collapse section (I've pasted that part below)</p> <p>Has anyone got any idea, why clicking on the button after collapse does not have any effect?</p> <p>I am using firefox 18.0.2, the responsive layout works when opening other sites.</p> <p>Thanks a lot</p> <p>Collapse section of bootstrap.js:</p> <pre><code>/* ============================================================= * bootstrap-collapse.js v2.2.2 * http://twitter.github.com/bootstrap/javascript.html#collapse * ============================================================= * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ============================================================ */ !function ($) { "use strict"; // jshint ;_; /* COLLAPSE PUBLIC CLASS DEFINITION * ================================ */ var Collapse = function (element, options) { this.$element = $(element) this.options = $.extend({}, $.fn.collapse.defaults, options) if (this.options.parent) { this.$parent = $(this.options.parent) } this.options.toggle &amp;&amp; this.toggle() } Collapse.prototype = { constructor: Collapse , dimension: function () { var hasWidth = this.$element.hasClass('width') return hasWidth ? 'width' : 'height' } , show: function () { var dimension , scroll , actives , hasData if (this.transitioning) return dimension = this.dimension() scroll = $.camelCase(['scroll', dimension].join('-')) actives = this.$parent &amp;&amp; this.$parent.find('&gt; .accordion-group &gt; .in') if (actives &amp;&amp; actives.length) { hasData = actives.data('collapse') if (hasData &amp;&amp; hasData.transitioning) return actives.collapse('hide') hasData || actives.data('collapse', null) } this.$element[dimension](0) this.transition('addClass', $.Event('show'), 'shown') $.support.transition &amp;&amp; this.$element[dimension](this.$element[0][scroll]) } , hide: function () { var dimension if (this.transitioning) return dimension = this.dimension() this.reset(this.$element[dimension]()) this.transition('removeClass', $.Event('hide'), 'hidden') this.$element[dimension](0) } , reset: function (size) { var dimension = this.dimension() this.$element .removeClass('collapse') [dimension](size || 'auto') [0].offsetWidth this.$element[size !== null ? 'addClass' : 'removeClass']('collapse') return this } , transition: function (method, startEvent, completeEvent) { var that = this , complete = function () { if (startEvent.type == 'show') that.reset() that.transitioning = 0 that.$element.trigger(completeEvent) } this.$element.trigger(startEvent) if (startEvent.isDefaultPrevented()) return this.transitioning = 1 this.$element[method]('in') $.support.transition &amp;&amp; this.$element.hasClass('collapse') ? this.$element.one($.support.transition.end, complete) : complete() } , toggle: function () { this[this.$element.hasClass('in') ? 'hide' : 'show']() } } /* COLLAPSE PLUGIN DEFINITION * ========================== */ var old = $.fn.collapse $.fn.collapse = function (option) { return this.each(function () { var $this = $(this) , data = $this.data('collapse') , options = typeof option == 'object' &amp;&amp; option if (!data) $this.data('collapse', (data = new Collapse(this, options))) if (typeof option == 'string') data[option]() }) } $.fn.collapse.defaults = { toggle: true } $.fn.collapse.Constructor = Collapse /* COLLAPSE NO CONFLICT * ==================== */ $.fn.collapse.noConflict = function () { $.fn.collapse = old return this } /* COLLAPSE DATA-API * ================= */ $(document).on('click.collapse.data-api', '[data-toggle=collapse]', function (e) { var $this = $(this), href , target = $this.attr('data-target') || e.preventDefault() || (href = $this.attr('href')) &amp;&amp; href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7 , option = $(target).data('collapse') ? 'toggle' : $this.data() $this[$(target).hasClass('in') ? 'addClass' : 'removeClass']('collapsed') $(target).collapse(option) }) </code></pre> <p>`</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USProfHase85
    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
    1. This table or related slice is empty.
    1. COAre you aware that bootstrap has updated to 2.3.0 ? Please upgrade
      singulars
      1. POBootstrap responsive layout does not work properly
      1. USShail
    2. COThanks, I updated it, but still got the same problem
      singulars
      1. POBootstrap responsive layout does not work properly
      1. USProfHase85
    3. COcan ya check the solution . let me know if it works for you
      singulars
      1. POBootstrap responsive layout does not work properly
      1. USShail
 

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