HomeОбразованиеRelated VideosMore From: kudvenkat

Bootstrap table classes

251 ratings | 70262 views
bootstrap table styles bootstrap table hover bootstrap table condensed bootstrap table border bootstrap table responsive bootstrap table example bootstrap table striped example bootstrap table with border bootstrap condensed table bootstrap responsive table example bootstrap table contextual classes example In this video we will discuss styling tables using bootstrap classes. table class provides light padding and horizontal lines table-striped class provides zebra-striping for the table rows table-bordered class provide borders on all sides of the table and cells. table-hover class provides highlighting of rows on hover table-condensed class makes table more compact by cutting cell padding in half To make a table responsive, place the table inside a div element, and apply table-responsive class on the div element. This will provide a horizontal scrollbar when the screen size is less than 768px (i.e on a small device). On a screen size larger than 768px you will not find any difference. Applying the table-responsive class directly on the table will not do anything useful. Use the bootstrap contextual classes to colour the table rows Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2016/06/bootstrap-table-classes.html Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1
Html code for embedding videos on your blog
Text Comments (11)
kentfang (1 year ago)
excellent instruction
Jamshaid Kamran (1 year ago)
Feeling sorry for Sam ... he is the only single :(
Chaînons Manquants (1 year ago)
Yagya Kc (2 years ago)
thank you..
Kistlak Rajapaksha (2 years ago)
Great & Super Work Bro !! :D
kudvenkat (2 years ago)
Thank you very much for taking time to give feedback. This means a lot. I am very glad you found the videos useful. I have organised all the Dot Net & SQL Server videos in to playlists, which could be useful to you https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd If you need DVDs or to download all the videos for offline viewing please visit http://www.pragimtech.com/kudvenkat_dvd.aspx Slides and Text Version of the videos can be found on my blog http://csharp-video-tutorials.blogspot.com Tips to effectively use my youtube channel. https://www.youtube.com/watch?v=y780MwhY70s If you want to receive email alerts, when new videos are uploaded, please subscribe to my youtube channel. http://www.youtube.com/subscription_center?add_user=kudvenkat If you like these videos, please click on the THUMBS UP button below the video. May I ask you for a favor. I want these tutorials to be helpful for as many people as possible. Please share the link with your friends and family who you think would also benefit from them. Good Luck Venkat
أحمد الخطيب (2 years ago)
Mr.Venkat First, Thank u alot for your great effort secondly, there is an information i would like ti share with u all; that is when can control the responsiveness behaviour of table through controlling the <td> element by adding a class of col-*-* to it and having the following style td { max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } and we can use the title attribute for a complete text
Eww Eww (2 years ago)
Saved a lot of time. Thank you.
Albshr77 (2 years ago)
Thank you
Muhammad Rehbar Sheikh (2 years ago)
thank you venkat sir...
jamir sande (2 years ago)
Hi Venkat, I am following your every tutorials. All tutorials are neat and clean. it would be great if you upload design pattern tutorials too. thanks jamir

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.