Panel in Bootstrap

A panel is a bordered and stylish box having some padding around its content and sections like heading, body and footer.

Code Example:

<!DOCTYPE html>

<html lang=”en”>

<head>

<meta charset=”utf-8″>

<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>

<meta name=”viewport” content=”width=device-width, initial-scale=1″>

<title>Bootstrap Panel Example</title>

<link href=”css/bootstrap.min.css” rel=”stylesheet”>  <!—Link to bootstrap CSS File –>

</head>

<body>

<div class=”container”>

<div class=”row”> <!—row start –>

<div class=”col-md-4″>

<div class=”panel panel-primary”> <!—panel in blue border –>

<div class=”panel-heading”>About Panel</div>  <!—heading tag not required here  –>

<div class=”panel-body”> <!—panel main content area –>

A panel is a bordered and stylish box having some padding around its content and sections like heading, body and footer.

</div>

<div class=”panel-footer”>Learn More…</div>

</div>

</div>

<div class=”col-md-4″>

<div class=”panel panel-danger”>

<div class=”panel-heading”>About Panel</div>

<div class=”panel-body”>

A panel is a bordered and stylish box having some padding around its content and sections like heading, body and footer.

</div>

<div class=”panel-footer”>Learn More…</div>

</div>

</div>

<div class=”col-md-4″>

<div class=”panel panel-success”>

<div class=”panel-heading”>About Panel</div>

<div class=”panel-body”>

A panel is a bordered and stylish box having some padding around its content and sections like heading, body and footer.

</div>

<div class=”panel-footer”>Learn More…</div>

</div>

</div>

</div> <!– row end –>

</div>

</body>

</html>

 

Output:

66 thoughts on “Panel in Bootstrap

  1. I am usually to running a blog and i actually admire your content. The article has really peaks my interest. I am going to bookmark your web site and preserve checking for brand spanking new information.

  2. My husband and i ended up being very relieved when Jordan could deal with his reports through the ideas he obtained out of your web page. It is now and again perplexing just to possibly be handing out procedures that many others might have been selling. We realize we need the website owner to appreciate because of that. All the illustrations you have made, the simple website menu, the friendships you assist to engender – it’s everything wonderful, and it is letting our son and our family reckon that that concept is pleasurable, which is extraordinarily essential. Many thanks for the whole lot!

  3. Oh my goodness! a tremendous article dude. Thank you Nonetheless I’m experiencing difficulty with ur rss . Don抰 know why Unable to subscribe to it. Is there anybody getting an identical rss drawback? Anyone who knows kindly respond. Thnkx

  4. Youre so cool! I dont suppose Ive learn anything like this before. So nice to find any individual with some unique thoughts on this subject. realy thanks for beginning this up. this web site is one thing that is needed on the net, someone with somewhat originality. useful job for bringing something new to the internet!

  5. I simply wanted to construct a simple word to be able to thank you for all the pleasant hints you are writing on this website. My time-consuming internet look up has now been compensated with extremely good information to go over with my close friends. I would express that most of us readers actually are very much fortunate to exist in a wonderful site with very many outstanding people with very beneficial points. I feel really fortunate to have seen your entire web site and look forward to many more thrilling moments reading here. Thanks once more for all the details.

  6. I must show some thanks to this writer for bailing me out of this particular problem. After scouting through the online world and seeing recommendations that were not beneficial, I assumed my life was over. Living without the solutions to the issues you’ve resolved as a result of your entire posting is a crucial case, as well as those that might have negatively damaged my entire career if I had not discovered your site. The talents and kindness in handling a lot of things was tremendous. I don’t know what I would’ve done if I hadn’t come upon such a step like this. It’s possible to at this point look forward to my future. Thanks for your time so much for your skilled and results-oriented guide. I will not think twice to refer your web page to anybody who needs and wants support on this problem.

  7. I am only writing to let you understand of the remarkable discovery my wife’s daughter developed studying yuor web blog. She mastered such a lot of pieces, including what it’s like to possess an excellent coaching heart to let other individuals very easily gain knowledge of some impossible matters. You truly did more than our expectations. I appreciate you for churning out the practical, healthy, revealing and in addition cool guidance on this topic to Janet.

  8. I intended to post you one bit of remark just to say thank you again regarding the great techniques you have discussed above. It has been so wonderfully open-handed of people like you to offer without restraint just what a number of us would’ve advertised as an e-book in order to make some money for themselves, precisely considering that you might well have tried it in the event you considered necessary. The solutions in addition served like a easy way to realize that some people have similar dreams much like my personal own to know the truth great deal more with regard to this condition. I think there are numerous more fun instances up front for those who read your site.

  9. Youre so cool! I dont suppose Ive read anything like this before. So good to seek out any person with some original thoughts on this subject. realy thanks for beginning this up. this website is one thing that is wanted on the net, somebody with a little bit originality. helpful job for bringing one thing new to the web!

  10. I needed to compose you a tiny observation to say thank you the moment again for your personal beautiful suggestions you’ve discussed at this time. It is quite seriously open-handed with you to present unreservedly all that a few people would’ve advertised as an ebook to end up making some dough on their own, most importantly seeing that you could possibly have done it in case you considered necessary. Those guidelines likewise acted to become fantastic way to fully grasp some people have a similar zeal just like mine to understand much more in terms of this issue. I am certain there are some more pleasant times in the future for individuals who looked at your blog post.

  11. I intended to post you the bit of remark to thank you very much yet again for those incredible opinions you have shared here. It is really generous with people like you to allow without restraint precisely what a few people might have sold as an e-book to help with making some profit on their own, notably since you might have done it in case you considered necessary. The thoughts additionally acted to become a easy way to know that other people online have the same fervor similar to my very own to learn good deal more in regard to this condition. I think there are several more fun periods up front for those who looked over your blog post.

  12. An interesting dialogue is value comment. I feel that you must write more on this topic, it might not be a taboo topic however generally individuals are not sufficient to speak on such topics. To the next. Cheers

  13. I am just commenting to make you be aware of of the remarkable encounter my cousin’s child encountered reading through your webblog. She figured out plenty of things, including what it is like to possess a wonderful helping spirit to get other folks smoothly completely grasp a number of multifaceted topics. You undoubtedly surpassed my expectations. Thanks for supplying such informative, trustworthy, explanatory and as well as unique thoughts on this topic to Sandra.

  14. Nice post. I be taught one thing more difficult on totally different blogs everyday. It is going to at all times be stimulating to read content from different writers and observe somewhat one thing from their store. I抎 want to use some with the content material on my weblog whether or not you don抰 mind. Natually I抣l offer you a link on your web blog. Thanks for sharing.

  15. I want to show thanks to this writer for rescuing me from such a circumstance. After surfing around throughout the world-wide-web and coming across tricks that were not beneficial, I assumed my entire life was over. Being alive minus the answers to the issues you have resolved by means of your site is a serious case, as well as ones that would have badly damaged my entire career if I hadn’t noticed your blog. Your actual understanding and kindness in playing with all the pieces was vital. I’m not sure what I would’ve done if I hadn’t discovered such a point like this. I can at this moment relish my future. Thank you very much for the reliable and sensible help. I won’t think twice to recommend your web blog to anybody who wants and needs guidance on this problem.

  16. Aw, this was a really nice post. In idea I want to put in writing like this additionally ?taking time and actual effort to make an excellent article?however what can I say?I procrastinate alot and by no means seem to get something done.

  17. I needed to post you this bit of word to thank you very much once again relating to the marvelous basics you’ve shown on this site. This is quite shockingly generous with people like you to give without restraint all that a number of people might have offered for sale as an electronic book to generate some profit for their own end, particularly considering the fact that you could have done it in case you considered necessary. These tactics as well served to provide a easy way to know that many people have similar keenness really like my own to figure out significantly more around this matter. I’m certain there are lots of more enjoyable periods ahead for individuals who scan your blog.

  18. I抦 impressed, I have to say. Actually not often do I encounter a blog that抯 both educative and entertaining, and let me tell you, you’ve got hit the nail on the head. Your concept is outstanding; the issue is one thing that not enough persons are talking intelligently about. I’m very joyful that I stumbled throughout this in my seek for something relating to this.

  19. Aw, this was a very nice post. In idea I wish to put in writing like this additionally ?taking time and precise effort to make a very good article?however what can I say?I procrastinate alot and not at all seem to get one thing done.

  20. Nice post. I be taught something tougher on different blogs everyday. It should always be stimulating to learn content material from other writers and follow a bit of something from their store. I抎 favor to use some with the content material on my blog whether or not you don抰 mind. Natually I抣l give you a link on your web blog. Thanks for sharing.

  21. I enjoy you because of all of the effort on this website. My mum really loves getting into research and it’s obvious why. A lot of people learn all relating to the dynamic medium you produce important guides via the web blog and in addition attract response from visitors on that issue and our favorite child is in fact learning a lot. Take pleasure in the rest of the year. You are performing a splendid job.

  22. I discovered your blog site on google and examine just a few of your early posts. Continue to keep up the excellent operate. I just further up your RSS feed to my MSN News Reader. Searching for ahead to reading more from you in a while!?

  23. I simply wanted to send a brief remark to be able to thank you for the great techniques you are sharing at this website. My rather long internet research has finally been rewarded with sensible content to go over with my friends and classmates. I ‘d declare that most of us visitors are undoubtedly fortunate to dwell in a really good site with many awesome individuals with interesting basics. I feel truly lucky to have discovered your weblog and look forward to some more enjoyable times reading here. Thank you again for everything.

  24. I have to express my thanks to this writer for bailing me out of this setting. After searching throughout the search engines and obtaining ideas which were not beneficial, I was thinking my life was over. Existing devoid of the solutions to the issues you’ve solved all through your entire report is a crucial case, and ones which may have in a wrong way damaged my entire career if I had not come across your blog. Your own personal competence and kindness in maneuvering everything was precious. I am not sure what I would’ve done if I hadn’t encountered such a stuff like this. It’s possible to at this time relish my future. Thanks for your time so much for the expert and result oriented help. I won’t think twice to recommend your web page to anybody who would need direction on this situation.

  25. My wife and i felt quite comfortable when Louis could complete his studies through your ideas he grabbed through your web site. It is now and again perplexing to simply find yourself giving out information and facts which the rest might have been trying to sell. And we all keep in mind we have the blog owner to appreciate because of that. These explanations you have made, the easy web site navigation, the friendships you can help to promote – it’s got many great, and it’s facilitating our son in addition to our family reason why this topic is pleasurable, which is extremely fundamental. Many thanks for the whole lot!

  26. I抦 impressed, I must say. Really rarely do I encounter a blog that抯 each educative and entertaining, and let me tell you, you might have hit the nail on the head. Your concept is excellent; the problem is one thing that not sufficient people are speaking intelligently about. I am very glad that I stumbled throughout this in my seek for something referring to this.

  27. Thanks so much for providing individuals with remarkably superb chance to read articles and blog posts from this website. It’s always so pleasant and also full of a great time for me and my office peers to search your web site minimum 3 times in one week to study the fresh guides you have got. And indeed, we are actually satisfied with the unbelievable methods you give. Some 4 points in this post are in fact the most impressive we have had.

  28. When I originally commented I clicked the -Notify me when new feedback are added- checkbox and now every time a comment is added I get four emails with the same comment. Is there any method you can remove me from that service? Thanks!

  29. My wife and i have been quite lucky Ervin managed to round up his reports through the entire precious recommendations he got through the web pages. It’s not at all simplistic just to happen to be handing out steps most people might have been trying to sell. And we also fully understand we have got the website owner to be grateful to for that. The most important illustrations you’ve made, the simple website navigation, the relationships you will make it easier to engender – it’s got all awesome, and it’s really assisting our son in addition to our family feel that this topic is amusing, which is highly important. Thanks for everything!

  30. I used to be very pleased to find this internet-site.I needed to thanks for your time for this wonderful read!! I undoubtedly enjoying every little bit of it and I have you bookmarked to take a look at new stuff you weblog post.

  31. An interesting discussion is worth comment. I believe that you should write extra on this matter, it won’t be a taboo subject but typically individuals are not sufficient to talk on such topics. To the next. Cheers

  32. I am commenting to let you understand what a remarkable encounter my cousin’s girl went through studying your web site. She mastered too many things, including how it is like to possess a great giving spirit to let men and women really easily understand some tortuous subject matter. You truly did more than people’s expected results. Thank you for churning out the priceless, dependable, educational and even unique tips on the topic to Mary.

  33. I wish to express some appreciation to the writer for bailing me out of this crisis. Right after searching through the online world and meeting principles that were not powerful, I was thinking my life was over. Living minus the approaches to the difficulties you have fixed as a result of your entire website is a crucial case, and those which might have in a negative way damaged my career if I hadn’t noticed your web page. Your own personal mastery and kindness in touching all the details was crucial. I don’t know what I would’ve done if I had not discovered such a solution like this. It’s possible to now relish my future. Thanks for your time so much for this reliable and results-oriented guide. I will not hesitate to endorse the sites to any person who wants and needs assistance on this issue.

  34. I definitely wanted to construct a brief comment to express gratitude to you for those lovely suggestions you are giving out here. My time consuming internet look up has at the end of the day been honored with good strategies to exchange with my guests. I would say that most of us site visitors actually are extremely endowed to exist in a perfect website with so many special individuals with interesting things. I feel quite privileged to have discovered the webpages and look forward to plenty of more entertaining times reading here. Thanks a lot again for all the details.

  35. I was very happy to search out this net-site.I needed to thanks on your time for this glorious read!! I undoubtedly having fun with every little bit of it and I’ve you bookmarked to check out new stuff you blog post.

  36. Thanks for each of your effort on this website. My mom really likes going through research and it is easy to see why. Many of us learn all regarding the compelling manner you render helpful items on your blog and even attract response from people on this situation while our own simple princess is certainly learning so much. Have fun with the remaining portion of the year. You are performing a very good job.

  37. An interesting dialogue is price comment. I think that you should write extra on this topic, it might not be a taboo topic but typically people are not sufficient to talk on such topics. To the next. Cheers

  38. There are some fascinating points in time on this article however I don抰 know if I see all of them heart to heart. There’s some validity but I will take hold opinion till I look into it further. Good article , thanks and we want more! Added to FeedBurner as properly

  39. An attention-grabbing dialogue is price comment. I think that it is best to write extra on this matter, it might not be a taboo subject however generally individuals are not enough to talk on such topics. To the next. Cheers

  40. I was more than happy to seek out this web-site.I wanted to thanks for your time for this excellent read!! I positively having fun with each little bit of it and I’ve you bookmarked to check out new stuff you weblog post.

  41. A lot of thanks for your entire effort on this web site. My mom take interest in engaging in internet research and it’s really obvious why. Most of us notice all about the lively manner you provide priceless techniques via the website and as well invigorate response from website visitors on that issue then our favorite daughter is in fact discovering so much. Take advantage of the rest of the year. You’re carrying out a superb job.

  42. I used to be very happy to seek out this net-site.I wished to thanks to your time for this wonderful read!! I positively having fun with each little bit of it and I have you bookmarked to take a look at new stuff you blog post.

  43. My husband and i got fortunate Jordan managed to round up his survey via the precious recommendations he made when using the web site. It is now and again perplexing to simply always be freely giving tricks which usually people could have been trying to sell. Therefore we consider we have got you to be grateful to for that. These illustrations you made, the straightforward blog navigation, the friendships you will make it easier to foster – it’s everything spectacular, and it’s really facilitating our son and our family consider that the topic is enjoyable, which is unbelievably important. Thank you for all!

  44. I’m just commenting to let you understand of the awesome experience my friend’s princess encountered browsing the blog. She discovered lots of details, which included what it’s like to possess a marvelous teaching heart to let folks smoothly fully understand a variety of impossible matters. You actually surpassed our desires. I appreciate you for presenting those beneficial, safe, explanatory and in addition unique guidance on your topic to Evelyn.

  45. I抎 must test with you here. Which is not something I usually do! I get pleasure from studying a submit that can make individuals think. Also, thanks for allowing me to remark!

  46. Needed to put you that little bit of note to say thank you over again on the lovely views you’ve discussed on this page. It has been quite wonderfully open-handed with you to give openly exactly what a lot of folks would’ve advertised for an e-book to help with making some profit on their own, most notably since you might well have done it if you desired. Those tactics likewise worked to be a good way to be certain that other people have a similar desire really like my very own to understand somewhat more on the subject of this issue. I think there are some more pleasant occasions up front for people who examine your blog.

  47. I simply needed to thank you so much again. I do not know the things that I would’ve achieved in the absence of the ideas shared by you directly on my subject. It was an absolute intimidating scenario for me, but understanding the professional way you handled that made me to cry over gladness. I will be happier for this service and thus hope that you find out what a great job you’re putting in training many others by way of your website. I am certain you haven’t encountered all of us.

  48. Needed to write you a little bit of note so as to thank you very much over again for your personal wonderful techniques you have featured on this page. It is extremely generous of you to deliver unreservedly what a few individuals would have distributed for an electronic book to help with making some dough for themselves, principally now that you might have tried it in the event you desired. These advice likewise worked to become a great way to know that someone else have the same interest similar to my own to learn many more in regard to this problem. I know there are lots of more pleasant occasions ahead for individuals who scan your blog post.

  49. Youre so cool! I dont suppose Ive read anything like this before. So nice to search out any individual with some unique thoughts on this subject. realy thanks for beginning this up. this website is something that’s needed on the internet, someone with somewhat originality. useful job for bringing one thing new to the internet!

Leave a Reply

Your email address will not be published.

Enjoy the tutorial? Please spread the word :)

Follow by Email
Facebook
Facebook
Google+2k
Google+
http://hirdeshbhardwaj.com/2017/04/21/panel-in-bootstrap
YouTube39
YouTube