Bootstrap 3 Tutorials #10 Creating Panels
Download Free Project files for This series.
Drop box :
Google Drive :
Mediafire:
(100% secure) Virus total scan
Subscribe to my YouTube Channel
YouTube :
Ask, Share, Like
Twitter :
Facebook :
Google+ :
In this video i will show you how to create panels inside bootstrap. sometimes you need to put your stuff in a box. For those situations, there is this panel components, we can also create collapsible panle but we will talk about that in the later video. In this video we will create panels with links, panels with different colors, panel with heading, panel with footer, inserting tables inside panels, including listgroups inside panels.Almost everything that has been covered in the bootstrap documentation has been covered in this video as well. Classes that are used in this video will be panel panel-default, panel-header, panel-footer, panel-primary, panel-body and so on.
Here are the links of all the video of this series
01 The grid system
#2 Buttons in Bootstrap
#3 Glyphicons in Bootstrap
#4 Form Components in Bootstrap
#5 Tables in Bootstrap
#6 Dropdown’s in Bootstrap
#7 Tabs in Bootstrap
#8 NavBar in Bootstrap
#9 ListGroups in Bootstrap
#10 Panels in Bootstrap
#11 Modals in Bootstrap
#12 Collapse in Bootstrap
#13 Carousels in Bootstrap
#14 Breadcrumbs in Bootstrap
#15 Pagination in Bootstrap
#16 Labels in Bootstrap
#17 Jumbotron in Bootstrap
#18 Thumbnail’s in Bootstrap
Nguồn:https://quydinh.com/
Xem thêm Bài Viết:
- Chia sẻ đầy đủ về cách hướng dẫn Ghost Win Xp bằng USB cơ bản từ A tới Z
- Hướng dẫn tạo file ghost win 10 thông qua 3 bước đơn giản mà bạn không nên bỏ qua
- Mách bạn 4 bước trong cách bung file tib theo chuẩn UEFI đơn giản nhất
- Mật bí 4 kiểu hyperlink trong excel bị lỗi phổ biến mà bạn hay gặp nhất
- Khái niệm ma alt là gì và cách sử dụng bảng mã ATL như thế nào?
Thank you for this sir! This is way better than the bootstrap tutorial.
how to set panel heading text bigger
Tnx sir I learn a lot of things from ur tutorials
thank u so much
How do I resize the width of a panel ? A panel seems to take the whole horizontal space of the page :/
why didnt the whole panel color change when you changed the default? only the header changed but you did not add the color to the header.
Your Tutorials are EXCELLENT. The only suggestion i could make , would be to include a brief description on why when and where to use each item. eg why use a panel and not a row? Thank you for posting these vids.
0:11 "what is panel? panel is a panel….uuhhh with something…". hahahaha….serious??? that was funny
How can we include the ul to wrap around the li items and still have it full width within the panel container?
Thanks so much for this great tutorial! sir Lalit Bassi! I just got shocked in this video your voice or accent changed a bit. I'm learning a lot on your videos! thanks! keep it up!!!!
Ok im learning a lot from your videos and this is the funniest lesson xD
U seem a bit drunk or enjoying the session but hey! its cool! 😀
"A panel is a panel" — lol !! .. I really liked this series, ur work is commendable .. Keep it up bro..
What is the difference, or advantage, of panels over columns and rows?
I'm digging this. I'm using your tutorials as a review of bootstrap. I like how you organize your tutorials and give bite sized examples of each of the components. Great job/kudos to you and your work on these!