Horizontal List Bootstrap

The right-to-left language support, ultra-fast performance, and highly-dedicated support community behind this template has urged millions of website developers to. Bootstrap supports ordered lists, unordered lists, and definition lists. So check a typical structure of Bootstrap markup. Bootstrap is the most popular and powerful front-end framework for faster, easier, responsive and mobile friendly web development. If you're creating a site based on Bootstrap 3. Responsive Data Tables: A Comprehensive List of Solutions Tables are an important part of HTML. Bootstrap's media object component provides an easy way to align text and media objects when presenting them alongside each other. Bootstrap Vertical and Horizontal Divider – Dividers are basically used to create line which works as separator. control-label classes with in label class. row-horizon class to rows that require horizontal scrolling. Bootstrap horizontal tabs Normally the tabs are used in horizontal way. We can define the three different types of lists: Unordered lists - A list of items whose orders do not matter. Bootstrap 4 - Horizontally Align Inline Lists. Take a look at them and decide which one would be the right fit for your website. The bootstrap css file was linked to the html just like description in the preceding list above numbered 1. Creating Forms with Bootstrap. Description List. Doing so changes. Horizontal Grid: Main Tips. So this appearance is by design. Bootstrap Definition List Example. The component is put to use for presenting a string or 'list' content. × Heads up! The default value for @brand-primary has changed in the latest release to improve contrast and accessibility. list-group-horizontal The list group items are positioned horizontal intead of vertically. Material Design for Bootstrap is an open source toolkit based on Bootstrap for developing Material Design apps with HTML, CSS, and JS. Xtreme Admin dashboard is based on bootstrap4 and is available in 10 different styles. 2K 50 Bootsytrap 4+ Horizontal List Group. Update: This applies to Bootstrap 3. The only change between Vertical and Horizontal form is. You'll find it is quite similar, with the differences being that the containers "modal-header", "modal-body" and "modal-footer" are not wrapped inside a "modal-content" inside a "modal-dialog" container. This CSS-only slider has a great design with more emphasis on the caption than many sliders. Keen – a multi-demo Bootstrap 4 Admin and Dashboard – is packed with an endless number of UI components and plugin options. NET RadioButtonLists and CheckBoxLists, Better styling and accessibility for ASP. I will share my custom horizontal menu. Really helped though, thanks. Effective use of these tags will mean that the page has a good structure and layout, making it more user friendly and easier to read. How can we make. Background. The following example shows a simple "stacked-to-horizontal" two-column layout, meaning it will result in a 50%/50% split on all screens, except for extra small screens. At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. list-group-horizontal class to. Action buttons, a brandname. Use the sortable table below to search specific classes. BootstrapBay. Bootstrap Examples Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. On small devices hover event is ignored. Easy Tree is a jQuery plugin that can convert an un-order list to a tree easily with Bootstrap 3 support. Bootstrap forms comes with the rich form elements and well organised layout. Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor. Alfa Horizontal Dashboard is a Premium Bootstrap Admin Templateswith the modern design concept. Next to the plus button. UNIQUE STYLES - choose from the large selection of latest pre-made blocks - full-screen intro, bootstrap carousel, content slider, responsive image gallery with lightbox, parallax scrolling, video backgrounds, hamburger menu, sticky header and more. Although they were often used in the past for layout, today they're mainly used for marking up data. Creating List Groups with Bootstrap. inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; }. Build responsive, mobile-first projects on the web with the world's most popular front-end component library. Bootstrap List Groups. Horizontal Bootstrap Form. Solutions of Bootstrap List View:. col-*-* classes to make the baseline width 90% instead of 100% which allows for a small portion of the last column to be displayed. A collection of Bootstrap Horizontal code examples for Bootstrap 3. Design elements using Bootstrap, javascript, css, and html. You can copy our examples and paste them into your project! (1-4). Each List element consists of HTML Anchors which when clicked its respective pane is shown. react-bootstrap-table Examples List. Tree items can be selectable, addable, editable and deletable. Creating List Groups with Bootstrap. It's not as semantic as a tag would be, but it's not that bad. The following example shows a simple "stacked-to-horizontal" two-column layout, meaning it will result in a 50%/50% split on all screens, except for extra small screens, which it will automatically stack (100%):. h ” to the end of any input field snippet to make it compatible with Bootstrap 3 horizontal forms. If you click on it, you'll see the blocks list. fixed-left or. bootstrap-3-group-list-items-horizontal. Creating the Grid. Despite of how complex and well-thought web page structure we create, it does not concern notably if we fail to give the user a convenient and easy way accessing it and getting to the specific page needed quickly and with least efforts no matter the screen size of the device showing the site. Bootstrap 4 Cheat Sheet - The ultimate list of Bootstrap classes. Update: This applies to Bootstrap 3. 3 - Sublime Snippets - (Currently Bootstrap v4. I am aiming for an inline layout here (although saw no benefit in adding the inline class to the control in my case). Each template comes with multiple example pages, rich documentation, build tooling, and lots of variables to make big changes with little effort. It has buttons on the footer as well for hiding and showing the footer. Requirements. List Group Berwarna. This Bootstrap template is made by product designer Xiaoying Riley for developers and is 100% FREE as long as you keep the footer attribution link. Use this amazing icon font with many elements of the template such as module titles, menus, buttons or lists. Download View on GitHub. This horizontal form shows the use of icons with form controls. bootstrap horizontal description list bootstrap horizontal definition list bootstrap 3 definition list Bootstrap blockquotes and lists In this video we will discuss working with blockquotes and lists. It includes code samples and live preview of elements. But in Drupal + Bootstrap base theme I couldn't find any ways to use this horizontal forms and layout form elements as it described, eg. They two can be applied to the same item, providing hover and click events support. A jQuery horizontal bar chart with Bootstrap: hBarChart The horizontal bar chart plug-in for jQuery For creating the horizontal bar chart plug-in, you may use a jQuery solution hBarChart. As we have already seen about creating bootstrap horizontal multilevel dropdown menu, this post will discuss about multilevel vertical dropdown menu in bootstrap. This tutorial is going to be tailored towards Bootstrap 4, but it can also be used with older Bootstrap versions as well as with the Foundation framework. fixed-top for navbar - add class. We created a nice tab for our users to be able to manage the different components of their account, hi-jacking the Manage Account feature of the default MVC template. The important thing here is the asp:RadioButtonList. The docs say you can apply a jq-dropdown to nearly any element, but they really seem to work best with Bootstrap's navbar, tab, and pill components. Field_Group horizontal tabs don't work in Bootstrap. Star Fork Follow @mladenplavsic. See also: jQuery Plugin For Drag and Drop Multi-Select List Box - fieldChooser. When using Bootstrap CSS and. The Rest of class are same as the. Using input groups you can easily pr. Tree items can be selectable, addable, editable and deletable. There is a block menu (ul li) which is positioned horizontally, should that be at a resolution of 768 is converted to the Dropdown menu (button appears with a drop-down list). Stellar admin dashboard is a free dashboard based on Bootstrap 4. Bootstrap Tutorial - Bootstrap List « Previous; Next » In this tutorial we will learn how to add styles to different types of lists with Bootstrap. instead of repeat column=2 is it possible t. form-horizontal to the form. As one of the oldest React libraries, React-Bootstrap has evolved and grown alongside React, making it an excellent choice as your UI foundation. Forms is very important part of the web pages and applications. List items actions are distinct from plain items to ensure that click or tap affordances aren't applied to non-interactive items. A basic usage for react-bootstrap-table, include vertical and horizontal scroll example. Share on: An efficient control admin panel is the basic requirement for user friendly access and Xtreme Admin Template provides this opportunity with its unique features and prodigious designs to the users. Slider for Bootstrap bootstrap Horizontal slider with tooltip on the bottom Vertical slider with tooltip on the left. This is the gist of the entire HTML horizontal bar chart. Adds a grey background color to the table row ([code ][/code] or table cell ([code ]. Bootstrap forms - bootstrap horizontal form tutorial with example and source code. This CSS-only slider has a great design with more emphasis on the caption than many sliders. reeds Drag drop lists with Angular Bootstrap 4 bootstrap4 Bootstrap 4 Login Form skelly ProductHunt style user image hover snippets Bootstrap 4 credit card payment form bootstrap4 Bootstrap 4 Navbar Always Collapsed (beta) tomcat CSS colorize filters snippets Amazing sketchJs animation demo mayberry Bootstrap 4 overlay card skelly Vue Chart. Bootstrap cdn. But none of the solutions appear to be working, or for an accordion. Bootstrap List Group: Summary. Unordered lists: An unordered list is a list that doesn’t have any particular order and is traditionally styled with bullets. The building block of a is the section which provides a padded section within a card. Bootstrap list groups provide a way to display content lists differently. This entry was posted in Working with CSS and tagged css , HTML , list , menu. This paves the way for creating more complex lists with custom content, without. Following on from my last post about improving Bootstrap styling and accessibility for ASP. These are given below:. Abbreviations and acronyms border color. Guru Able is made using latest Bootstrap 4 Beta framework and its fully feature rich admin template. Bootstrap tabs and pills with examples on tabs, forms, nav bar, button, jumbotron, grid, table, list, panel, nav pills, alerts, pagination etc. This horizontal form shows the use of icons with form controls. Bootstrap Container Examples. Here is an example layout for Bootstrap 4 that is a single row that scrolls horizontally on large screens and then switches to a mobile friendly vertical scrolling layout on smaller screens. When it comes to responsive behavior the navbar can be set up to collapse under a specific screen width and display horizontal above it looks and user experience. list-group-item Class added to each li in a list-group List group. Bootstrap List Style Overview. Bootstrap Button Examples. In one of the earliest articles of this series, we studied the basics of bootstrap grid system. Bootstrap Tutorial - Bootstrap List « Previous; Next » In this tutorial we will learn how to add styles to different types of lists with Bootstrap. Build responsive, mobile-first projects on the web with the world's most popular front-end component library. list-group-horizontal to change the Use the tab JavaScript plugin—include it individually or through the compiled bootstrap. Do you know other plugins which could help?. One gets rid of the UL left-padding if one has "list-inline" in the style however. Build upon it with the options that follow, or your own CSS as needed. Bootstrap is the most popular HTML and CSS framework for developing responsive websites. Navigation is, after all, a list of sorts. Bootstrap One Page. It has buttons on the footer as well for hiding and showing the footer. Following on from my last post about improving Bootstrap styling and accessibility for ASP. This class will automatically set list elements from left to right including margin and also this list view is fully responsive. I am not going to go into too much detail on the grid system, but basically it boils down to the fact that the Bootstrap grid system consists of 12 columns. Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions. Bootstrap forms - bootstrap horizontal form tutorial with example and source code. Dropdownhover is fully compatible with Bootstrap's native Dropdown component. dl-horizontal class in Bootstrap Bootstrap Web Development CSS Framework In definition list, each list item can consist of both the and the elements. The following example shows a simple "stacked-to-horizontal" two-column layout, meaning it will result in a 50%/50% split on all screens, except for extra small screens. List items actions are distinct from plain items to ensure that click or tap affordances aren't applied to non-interactive items. Alfa Horizontal Dashboard is a Premium Bootstrap Admin Templateswith the modern design concept. Must be a 3-tuple of (column-type, left-column-size, right-colum-size). If you are working with Bootstrap {LESS} files, locate the file variables. List group is a impressive and versatile element which is discovered in Bootstrap 4. Thanks in advance!. Here in this tutorial we are going to explain how you can create bootstrap vertical and horizontal divider. Bootstrap - Quick Guide - Bootstrap is a sleek, intuitive, and powerful, mobile first front-end framework for faster and easier web development. js – jQuery Plugin for Horizontal Scrolling Websites. List group Bootstrap list group. dl-horizontal class in Bootstrap Bootstrap Web Development CSS Framework In definition list, each list item can consist of both the and the elements. Field_Group horizontal tabs don't work in Bootstrap. Bootstrap Navbar Sidebar Fixed to Left or Right. Horizontal list with no wrapping. Get Bootstrap 3 Cheat Sheet PDF. Note that depending on how they are used, badges may be confusing for users of screen readers and similar assistive technologies. The best Bootstrap 4 templates presented below are built on top of a reliable framework and come in both free and premium versions. You can build and run the project and see how the grid table is formatted. Material Design for Bootstrap is an open source toolkit based on Bootstrap for developing Material Design apps with HTML, CSS, and JS. Bootstrap Grid Example: Stacked-to-horizontal We will create a basic grid system that starts out stacked on extra small devices, before becoming horizontal on larger devices. There are several types of form customizations: groups, controls, grids, rows and columns, horizontal, auto-sizing, and inline. A 12-column responsive grid , dozens of components, JavaScript plugins , typography, form controls, and even a web-based Customizer to make Bootstrap your own. Bootstrap dropdown menu example can also be created using this site. BOOTSTRAP Interview Questions and Answers List BOOTSTRAP Interview Questions and Answers List 6. Same as when using. Include jQuery, jQuery UI and Bootstrap 3 framework in the document. Bootstrap Form Helpers. Bootstrap 4 - Horizontally Align Inline Lists. Star Fork Follow @mladenplavsic. list-group-item would have. Bootstrap 4 alpha was released on 19 August 2015. Also one can keep or remove the "list-inline" class, it won't matter to have it or not, when you have the "list-group-horizontal" added. I'm using Boostrap to make our existing website responsive and I have a RadioButtonList on my webforms page and the formatting is messed up. Bootstrap 4 Cards Example. acf ajax angular angular html apache api application startup associative array authentication base-url blade blueprints bootstrap bower browser compatibility build tool calendar captcha carousel centering cf7 cli coffeescript composer crop image csrf css custom fields custom field type custom post type d3 dao database date drupal drupal 8 drush. fixed-top for navbar - add class. A jQuery horizontal bar chart with Bootstrap: hBarChart The horizontal bar chart plug-in for jQuery For creating the horizontal bar chart plug-in, you may use a jQuery solution hBarChart. Bootstrap’s Responsive Tables. Horizontal form. Open the app to see a big red "Click to start" arrow pointing to the plus button. Asked numerous times in the css forum, "Is a there way to create a css horizontal drop-down menu in css that will work on most browsers. It's not as semantic as a tag would be, but it's not that bad. Bootstrap 4 Grid Example: Stacked-to-horizontal We will create a basic grid system that starts out stacked on extra small devices, before becoming horizontal on larger devices. img-rounded class was renamed to this and is primarily used with images. 3 - Sublime Snippets - (Currently Bootstrap v4. Create a new HTML document and type 'bs3' to see all available snippets. With Bootstrap 4, the list-group component is very rich with design aesthetics, such as with borders, background colors, rounded corners, etc. list-inline. Effective use of these tags will mean that the page has a good structure and layout, making it more user friendly and easier to read. HTML / CSS Forums on Bytes. Try it now!. Also it’s not made to do the same if content are in a div or list where the div or list is needed to position center. Creating Horizontal Definition Lists. It's formed on a 12 column style and comes with many tiers, one for each and every media query selection. Really helped though, thanks. So, let’s see how we can utilize this grid system to create various types of layouts. Input groups are extended Form Controls.  New grid breakpoint with the col-xl-* classes  Breakpoints:  The XL breakpoint is screen widths > 1200px  The LG breakpoint is screen widths > 992px  The MD. Stack admin is super flexible, powerful, clean & modern responsive bootstrap 4 admin template with unlimited possibilities. When a customer clicks on a category name, a Megamenu expands below the menu bar. Build responsive, mobile-first projects on the web with the world's most popular front-end component library. I'm migrating a website from Bootstrap 3. By default, Bootstrap applies the overflow-x: auto property to this wrapper element. Horizontal alignment Bootstrap center (horizontal align) You can center any element (text, images, div, buttons) horizontally by using center utilities or flexbox. Share on: An efficient control admin panel is the basic requirement for user friendly access and Xtreme Admin Template provides this opportunity with its unique features and prodigious designs to the users. If you’re looking for the best Bootstrap Menu Examples, read on! This blog post gives you a great list of stunning Bootstrap menu examples for modern websites. It does this with the css pseudoselector :first-child. Remove Auto Truncation on Horizontal Definition Lists Bootstrap 3. form-groups to behave as grid rows, so no need for. Doing so changes. Creating List Groups with Bootstrap. Do you mean instead of the navbar or a separate menu somewhere else. To create a horizontal form layout, you have the follow the below given rules. BootstrapBay. HTML / CSS Forums on Bytes. When I use the placeholder text as "Enter your mobile number" the size of the box is not big enough so the last 5 alphabets of the. Free themes for Bootstrap 4 that are open source, MIT licensed, and free to download - these pre-designed themes are easy to customize and ready to publish. Is it possible? I'm not sure what you mean. Easy Tree is a jQuery plugin that can convert an un-order list to a tree easily with Bootstrap 3 support. Example snippets with Bootstrap HTML, JavaScript and CSS. Field_Group horizontal tabs don't work in Bootstrap. list-group-horizontal class to. Input groups are extended Form Controls. Drop us a tweet to tell us what third-party resources you've incorporated into that process. #Navbars Navbar. Horizontal Grid: Main Tips. In this tutorial we are creating horizontal button groups. Set the prop horizontal to true to change the layout of list group items from vertical to horizontal across all breakpoints. Heading # view source file import Alert from 'react-bootstrap/ Alert ' Copy import code for the Alert component. FluentBootstrap provides extensions, helper classes, model binding, and other goodies to help you use the Bootstrap CSS framework from. Material Design for Bootstrap is an open source toolkit based on Bootstrap for developing Material Design apps with HTML, CSS, and JS. How to make horizontal button groups with use of Bootstrap CSS classes in web page. Based on your requirement you can easily create these forms. The following example shows a simple "stacked-to-horizontal" two-column layout, meaning it will result in a 50%/50% split on all screens, except for extra small screens, which it will automatically stack (100%):. The same idea can of course be applied to the other built in components, but let’s take a look at a few small carousel examples to get started with refining Bootstrap to fit your needs! Jump to:. They keep displaying as vertical tabs. form-group s to behave as grid rows, so no need for. Modify and extend them to support just about any content within. If you cannot add a class to select the first/last element, use the :first-child pseudo-class (which works in most browsers) to remove it on the first element and use expressions to make it. So, let’s see how we can utilize this grid system to create various types of layouts. List groups are a flexible and powerful component for displaying a series of content. I agree with the above on using a border as a separator. Bootstrap 3. Solutions of Bootstrap List View:. Basic example. Lattes Lattes is a multipurpose theme with modern and clean elements, using plenty of white space to put most of the focus on your content. Also it’s not made to do the same if content are in a div or list where the div or list is needed to position center. menu list by using thin horizontal line Bootstrap. dropdown-enhancement. The Bootstrap Spreadsheet is an Excel-inspired control that allows you to introduce spreadsheet functionality to an ASP. I hope you’ll find them useful for your projects. It’s simple here in Bootstrap. Important dropdown-enhancement. Bootstrap vertical tabs Bootstrap tab responsive is built in such a flexible way that you can easily convert any horizontal tab into vertical tab. How to use it: 1. Available in different colors, shapes, and size. Design elements using Bootstrap, javascript, css, and html. control-label classes with in label class. The recommended CDN for Bootstrap, Font Awesome and Bootswatch. The Bootstrap 3 classes list helps you find documentation for particular CSS styles, components, and grids. Responsive Dropdown Menu Template. Tree items can be selectable, addable, editable and deletable. Horizontal alignment Bootstrap center (horizontal align) You can center any element (text, images, div, buttons) horizontally by using center utilities or flexbox. At first glance, the page displays various graphs that are useful in monitoring the website’s stats. NET Feb 01, 2013 07:14 AM | sandhya33 | LINK Thanks for the quick reply, I tried with RepeatLayout = "Flow" but it doesn't work, instead of in horizontal it will list in vertical line. I'm migrating a website from Bootstrap 3. However, when migrating to Bootstrap 4, the content is all left aligned. Bootstrap styling This example shows DataTables and the Responsive extension being used with the Bootstrap framework providing the styling. 2 and is based on "Bootstrap 4 alpha 4" - we have plans to upgrade to the stable release of Bootstrap 4 when it is released. Simple date/time picker component based on the work of Stefan Petre, with contributions taken from Andrew Rowls and jdewit. Horizontal Timeline - Stack Responsive Bootstrap 4 Admin Template Stack. Find the Bootstrap accordion that best fits your project. Horizontal Grid: Main Tips. Twitter Bootstrap Grid Examples. This Bootstrap template is made by product designer Xiaoying Riley for developers and is 100% FREE as long as you keep the footer attribution link. Bootstrap Vertical and Horizontal Divider - Dividers are basically used to create line which works as separator. Its lightweight and compatible with almost all major browsers and devices. Our admin template is one of the most popular open-source admin panel templates built on top of Bootstrap. Is it possible? I’m not sure what you mean. With more than 100,000 stars and 45,000 forks, Bootstrap is the second most-starred project on GitHub. Do you mean instead of the navbar or a separate menu somewhere else. Basic example. Horizontal tabs change according to width of the devices and look good on any devices. through predefined set of classes. If you want the list items to display horizontally instead of vertically (side by side instead of on top of each other), add the. This demo illustrates how you can customize the Spreadsheet's built-in Ribbon. list-group-item text under a heading List group. Its purpose is to pair form controls with a legend or label, and to provide help text and invalid/valid feedback text, as well as visual (color) contextual state feedback. It contains well written, well thought and well explained computer science and programming articles, quizzes and practice/competitive programming/company interview Questions. Navigation is, after all, a list of sorts. Several Dropdown Menus. A fully responsive admin dashboard template built with Bootstrap 4. dl-horizontal class in Bootstrap Bootstrap Web Development CSS Framework In definition list, each list item can consist of both the and the elements. Use anchors or buttons to create actionable list group items with hover, disabled, and active states by adding. UI component infrastructure and Material Design components for mobile and desktop Angular web applications. Bootstrap Horizontal Definition Lists Similar to unordered and ordered lists, definition lists can be displayed in horizontal style as shown in the example below. Do you know other plugins which could help?. Remove Auto Truncation on Horizontal Definition Lists Bootstrap 3. Here's an example of all the sub-components included in a responsive light-themed navbar that automatically collapses at the lg (large. Likewise, if you want to make the grid table responsive, wrap the div having the table class with table-responsive class in another div. But what to do when you want to render it as a list of rows and columns? Well, Bootstrap has a grid system which allows you to layout items as rows and columns. Example snippets with Bootstrap HTML, JavaScript and CSS. Therefore, on small devices you can see the contents of your tables by scrolling horizontally. Bootstrap supports ordered lists, unordered lists, and definition lists. Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. bootstrap Hey friend, i design a list group item with some sub menu in it and its working but the problem is this i want that list group without border. Bug Fix - Topbar shows the logo in horizontal view in small screen Version 1. Using input groups you can easily pr. So additionally, add the following lines to your CSS file to make it work: ul. [/code]) (same color used on hover)Try. HorizonScroll. This demo illustrates how you can customize the Spreadsheet's built-in Ribbon. See Icons sections for the list of icons you can use. react-bootstrap-table Examples List. form-horizontal to the form. This is the gist of the entire HTML horizontal bar chart. When using Bootstrap CSS and. Tab Header – It comprises of an HTML Unordered List which represents the Tab headers. Now your menu is ready, assign links, add some fancy colors and background and your are good to go. NET Web Forms controls with Bootstrap raises a few issues due to the markup that ASP. Bootstrap list groups provide a way to display content lists differently. How can we make. Tab Header – It comprises of an HTML Unordered List which represents the Tab headers. Horizontal scrolling example hidden; } /* UL/OL/DIV - the element that simplyScroll is inited on Class name. Just wondering if this is possible where the labels down the left all line up even if the 2nd row is 2 columns: If you have a col-lg12 for the top row and then 2 col-lg6's for the second row. Bootstrap vertical tabs Bootstrap tab responsive is built in such a flexible way that you can easily convert any horizontal tab into vertical tab. list-group-item-primary applied as well to change the element's style according to the contextual class. I use Bootstrap for most personal projects lately but one thing that consistently gets me is the lack of vertical spacing classes. Bootstrap's media object component provides an easy way to align text and media objects when presenting them alongside each other. Note that depending on how they are used, badges may be confusing for users of screen readers and similar assistive technologies. Doing so changes. Bootstrap Scrolling example snippets with CSS, Javascript and HTML code. Angular Bootstrap List group Angular list group - Bootstrap 4 & Material Design. By using these built-in CSS classes you may easily create simple tables, tables with headers styles, stripped rows, colored rows with contextual classes etc.