New Content will be available soon!

Please keep track of this page as new and exciting content will be soon available!

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Jetstrap: The Twitter Bootstrap Builder Tool. More information. Jetstrap - The Bootstrap Interface Builder. What is Jetstrap? Jetstrap is a 100% web-based interface building tool for Twitter Bootstrap. No software to download, just log in and build. Your work is accessible from anywhere. betano casino Who is it for? Built for developers, designers, and idea-people alike, Jetstrap helps you get awesome websites up and running fast, with less work and digging through docs. Why you'll love it Life is too short to dig through docs when you just want to build. Grab snippets of clean markup and quickly use complicated components. Take off faster! Our devoted team is made up of developers and designers - people who love building for the web. We decided to create a product that other people just like us would love to use. betway casino Teaching and supporting developers that use Jetstrap is important to us. Say hello to us on Twitter! Components Button The Button is a component that you will use a lot with Jetstrap. You click it and it does stuff. The Button component can link to other screens to create interactive designs, or it can trigger a 22bet Javascript event, or link to an external page. Button Group Button Group is used to group a set of related buttons. Each button of the group is a Button and can be edited as it is (and you can add more buttons just by draging and dropping other Buttons in). Button Toolbar If you want to have a series of Button Groups in sequence, you can do this by using a Button Toolbar. 888 casino This is useful if you have a function bar in your application, for example. Heading The Heading component is used to insert titles and headings in your Jetstrap designs. You can choose casino online among the 6 standard levels of HTML headings. Image You can insert images in mockups with the Image component. By default, Image has a default value, casino portugal but it's possible to upload new images or link to an external image. Hero Unit Hero Unit on Twitter Bootstrap is a large area used to place emphasis some content. By default, it looks like this: Hero units can contain any kind of elements, playbonds though generally you want a call to action with some detail text and a button to guide a user through your signup funnel. Alert An Alert is used to display some important content that grabs the eye. Alerts come in several different styles: Warning - Yellow (Default) Danger - placard Red Success - Green Info - Blue Well In Twitter Bootstrap, the Well is a container with an inset look. It’s often used to group less important content, and it can contain any other component. Icon Twitter Bootstrap has an excellent set of icons that you can use in your projects. Jetstrap allows you to use these icons through the Icon component. Tag Label Tag Labels in Twitter Bootstrap are often used to “tag” content with meta data. A label can have different styles: Default - Grey Success - Green Warning - Yellow Important - Red Info - Blue Inverse - Black Badge The Badge component resembles the Tag Label. However, it’s normally used to display quantitative information dafabet (for example, number of new messages). But the world is your oyster, and you can use it as your little heart desires. The Badge comes in several flavors: Default - Gray Success - Green Warning - Yellow Important - Red Info - Blue Inverse - Black Progress Bar With the Progress Bar you can insert a standard progress bar in your designs in a variety of colors and styles: The Progress Bar has several properties that you can configure: Value - In a range of 0 to 100, how “complete” the progress bar is Type - Colors: Default (blue), Success (green), Warning (yellow) and Error (red). Striped - Add diagonal “stripes” as shown above Animated - Whether the stripes will be animated or not Horizontal Rule The Horizontal Rule is used to insert a divider line (it’s the famous tag). Navbar The Navbar is the classic bootstrap header bar that shows your brand, complete with navigation links and other content (such as a form) that you might want to display in a header or footer. You can fix the Navbar to the bottom or top of your page, or have it sit directly in the flow of your document. The Navbar comes in two flavors: Navbar properties: Type - If you want the Default style (lighter background; darker foreground) or Inverse (darker background; lighter foreground) as shown above. Fixed Mode - The positioning of the bar: Not fixed - Default behavior betclic Fixed Top - Even if you scroll the page, the bar sits at the top. Fixed Bottom - Even if you scroll the page, the bar sites at the bottom. Fluid Mode - If the bar will be fluid (Fluid) or not (Not Fluid). Nav The Nav component is is a versatile component that can be used to show tabs, a list of links in a Navbar, or a set of “pill” links. It can also be shown in a horizontal or vertical stack: Stacked - The orientation (Vertical or Horizontal) Nav type - How the nav will look: tabs (Tabbed) or pills (Pilled) Nav Item The Nav Item can be used to add a new link to a Nav or to just add an somewhere. If you drop it into a Nav, it will take the look and feel of that container. Breadcrumbs Breadcrumbs are used to help Hansel find his way home in the forest. Imagine your user is Hansel and they navigated to a random page on your site. The Breadcrumbs will help them find their way home. Pagination The Pagination component can be used to show what page you are on in a set of pages. Form The Form component by itself does nothing, but combined with other form controls it takes on a magical existence. Drag some text inputs in, a select box, and some other controls, and you’ve got a powerful way to submit data to a server. The core properties for a form component are Action - the URL to send the form data to Method - the HTTP method to use. POST is probably best Text Input The Text Input component is primarily used in text form fields and search boxes. With the power of HTML5, this component can process a huge variety of input content. The available types are: text password email datetime datetime-local date time month week number url search tel color Like most form components, the Text Input comes with a "companion component": the Input Label. Select Input The Select Input is another component used in a Form to display a dropdown menu. File Input File Input The File Input component lets a user select a file for uploading (you need to implement the uploading stuff on your own). Textarea The Textarea component is a simple textarea element used in a Form. Grid Row To understand the Grid Row component you need to understand how the grid system of Twitter Bootstrap works. Grids are a core feature of bootstrap and you will use them often. The grid has these important properties: Grid Layout - The size of each column for the grid system. For example, “4 4 4” will show three columns of size 4. The total column size is 12. To make it even, add your columns up to 12. Is Fluid - If the grid is fluid or not