<div>
It appears this could be done with bootstrap-transition.js<br />
<a href="http://getbootstrap.com/2.3.2/javascript.html" rel="ugc">http://getbootstrap.com/2.3.2/javascript.html</a><br />
<br />
If you follow the code example in the modal below the transitions area you can set a timer in your js code to hide(transition/fade) the panel or modal back up when you hit the x or when the time has reached 5 seconds.
</div>


It appears this could be done with bootstrap-transition.js
http://getbootstrap.com/2.3.2/javascript.html [http://getbootstrap.com/2.3.2/javascript.html]

If you follow the code example in the modal below the transitions area you can set a timer in your js code to hide(transition/fade) the panel or modal back up when you hit the x or when the time has reached 5 seconds.

<div>
@Jessica,<br />
<br />
But wouldn't the modal grey out the rest of the page? I need a panel/banner at the top of page, that loads along with the rest of the page, and then after x seconds, slides up, and also has a close (X) button.
</div>


@Jessica,

But wouldn't the modal grey out the rest of the page? I need a panel/banner at the top of page, that loads along with the rest of the page, and then after x seconds, slides up, and also has a close (X) button.

<div>
<div class="content wysiwyg-content">
Hi experts,<br />
<br />
I'd like to build a slide down/slide up panel that would be located at the top of the webpage. When page loads, the panel, with some text in it would slide down. There would be a js timer for 5 secs, then the panel would slide back up. There would have to be a 'X' close button that needs to close the panel. I need this in bootstrap v 2.3, since that is the version in our code. I've seen SO articles detailing this functionality with jquery UI and such, but I didn't see any pure bootstrap v2.3 panel. Is this possible?
</div>
</div>


Hi experts,

I'd like to build a slide down/slide up panel that would be located at the top of the webpage. When page loads, the panel, with some text in it would slide down. There would be a js timer for 5 secs, then the panel would slide back up. There would have to be a 'X' close button that needs to close the panel. I need this in bootstrap v 2.3, since that is the version in our code. I've seen SO articles detailing this functionality with jquery UI and such, but I didn't see any pure bootstrap v2.3 panel. Is this possible?

Bootstrap v2.3.1 slide up and down panel -- how to

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.

Web Development

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications. Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.