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:

92 thoughts on “Panel in Bootstrap

  1. Thanks on your marvelous posting! I seriously enjoyed reading it, you happen to be a great author. I will ensure that I bookmark your blog and definitely will come back someday. I want to encourage that you continue your great job, have a nice afternoon!|

  2. Hello there, just became aware of your blog through Google, and found that it is really informative. I am gonna watch out for brussels. I will appreciate if you continue this in future. Many people will be benefited from your writing. Cheers!|

  3. you are in reality a excellent webmaster. The site loading pace is incredible. It sort of feels that you’re doing any unique trick. Moreover, The contents are masterwork. you have done a wonderful activity in this subject!|

  4. Hey! Someone in my Myspace group shared this site with us so I came to look it over. I’m definitely loving the information. I’m bookmarking and will be tweeting this to my followers! Outstanding blog and great style and design.|

  5. My spouse and i were absolutely contented when Peter managed to deal with his analysis via the precious recommendations he obtained in your site. It’s not at all simplistic to just possibly be giving freely secrets and techniques the others may have been selling. We really recognize we now have the blog owner to appreciate because of that. Those explanations you made, the easy site menu, the relationships you aid to foster – it’s many terrific, and it is aiding our son in addition to our family believe that the theme is fun, and that is wonderfully important. Thanks for the whole thing!

  6. Its such as you learn my thoughts! You seem to grasp a lot about this, like you wrote the e-book in it or something. I feel that you could do with some percent to power the message home a little bit, however other than that, that is wonderful blog. An excellent read. I will certainly be back.|

  7. Pretty section of content. I just stumbled upon your weblog and in accession capital to assert that I acquire actually enjoyed account your blog posts. Any way I’ll be subscribing to your feeds and even I achievement you access consistently fast.|

  8. My brother suggested I might like this website. He was entirely right. This post actually made my day. You cann’t imagine simply how much time I had spent for this info! Thanks!|

  9. Hey I know this is off topic but I was wondering if you knew of any widgets I could add to my blog that automatically tweet my newest twitter updates. I’ve been looking for a plug-in like this for quite some time and was hoping maybe you would have some experience with something like this. Please let me know if you run into anything. I truly enjoy reading your blog and I look forward to your new updates.|

  10. Hello there! I know this is kind of off topic but I was wondering which blog platform are you using for this site? I’m getting tired of WordPress because I’ve had issues with hackers and I’m looking at alternatives for another platform. I would be awesome if you could point me in the direction of a good platform.|

  11. Thanks for all your efforts on this blog. My mum loves working on research and it is easy to see why. Most people hear all regarding the lively way you present rewarding tips and tricks via your blog and welcome contribution from some others on that concept then our favorite simple princess has always been becoming educated a lot of things. Take advantage of the remaining portion of the new year. You’re the one doing a powerful job.

  12. We are a group of volunteers and starting a new scheme in our community. Your website provided us with valuable information to work on. You have done an impressive job and our entire community will be grateful to you.|

  13. Needed to draft you the very little observation to be able to give thanks over again for these gorgeous thoughts you’ve documented in this article. This is really open-handed with people like you giving extensively exactly what a number of us could have supplied as an e-book to end up making some money for their own end, mostly seeing that you might well have done it in case you desired. These strategies likewise served as the fantastic way to know that the rest have the identical zeal the same as mine to figure out more and more around this issue. I’m certain there are several more enjoyable times ahead for individuals who scan your blog.

  14. I simply couldn’t leave your site prior to suggesting that I really loved the standard info an individual provide on your guests? Is going to be back ceaselessly in order to inspect new posts|

  15. Heya i am for the primary time here. I came across this board and I to find It really useful & it helped me out a lot. I hope to offer something back and help others like you helped me.|

  16. Hello! I’m at work browsing your blog from my new iphone 3gs! Just wanted to say I love reading through your blog and look forward to all your posts! Keep up the fantastic work!|

  17. I think everything said was very logical. However, what about this? what if you were to create a killer title? I mean, I don’t want to tell you how to run your blog, however what if you added a title that makes people want more? I mean BLOG_TITLE is a little plain. You might glance at Yahoo’s home page and note how they create article titles to get people to open the links. You might try adding a video or a picture or two to grab readers excited about everything’ve written. Just my opinion, it could bring your posts a little bit more interesting.|

  18. I simply wished to thank you very much yet again. I do not know the things that I could possibly have made to happen without the smart ideas revealed by you on such a topic. It seemed to be a real hard scenario for me, but spending time with a specialized mode you processed that made me to leap over delight. I’m happier for your assistance and thus trust you are aware of a powerful job you have been putting in teaching the rest thru your web page. I’m certain you haven’t met all of us.

  19. I and also my friends happened to be analyzing the good suggestions found on your web blog and the sudden I got a terrible feeling I had not thanked the site owner for them. My men ended up very interested to read all of them and have in actuality been enjoying them. Many thanks for genuinely indeed accommodating and also for getting some excellent tips most people are really eager to discover. My honest apologies for not saying thanks to sooner.

  20. Hi, i think that i saw you visited my web site thus i came to “return the favor”.I’m attempting to find things to improve my site!I suppose its ok to use a few of your ideas!!|

  21. I blog quite often and I truly appreciate your information. Your article has truly peaked my interest. I will book mark your blog and keep checking for new information about once per week. I subscribed to your Feed too.|

  22. Wonderful beat ! I wish to apprentice while you amend your site, how could i subscribe for a blog website? The account aided me a acceptable deal. I had been a little bit familiar of this your broadcast offered shiny clear idea|

  23. Thank you a bunch for sharing this with all people you actually recognise what you’re speaking about! Bookmarked. Please also consult with my web site =). We will have a link alternate arrangement among us|

  24. Pretty section of content. I just stumbled upon your site and in accession capital to say that I acquire in fact enjoyed account your weblog posts. Anyway I’ll be subscribing for your augment or even I success you access consistently fast.|

  25. I as well as my buddies came taking note of the great hints from your web blog and so at once developed a horrible suspicion I never expressed respect to the website owner for those tips. Those people happened to be so happy to read through them and have sincerely been making the most of these things. I appreciate you for truly being considerably accommodating and also for figuring out some good areas most people are really desperate to be informed on. My sincere apologies for not expressing gratitude to you earlier.

  26. A fascinating discussion is worth comment. I do believe that you should write more on this issue, it might not be a taboo matter but generally people don’t discuss such issues. To the next! Many thanks!!|

  27. Good post. I learn something totally new and challenging on websites I stumbleupon every day. It’s always useful to read through articles from other authors and practice a little something from their web sites. |

  28. Please let me know if you’re looking for a article writer for your site. You have some really good articles and I believe I would be a good asset. If you ever want to take some of the load off, I’d really like to write some articles for your blog in exchange for a link back to mine. Please blast me an e-mail if interested. Many thanks!|

  29. I and my guys have been studying the excellent guides located on your web page then all of the sudden I got an awful suspicion I never thanked the web site owner for those secrets. These women had been for this reason very interested to learn all of them and already have really been enjoying them. Appreciation for turning out to be well considerate and then for deciding on these kinds of terrific issues millions of individuals are really desirous to be aware of. My personal sincere apologies for not expressing appreciation to you sooner.

  30. I would like to express appreciation to this writer just for rescuing me from such a problem. Just after checking throughout the the web and finding concepts which are not productive, I believed my entire life was over. Existing without the presence of approaches to the problems you have solved by way of this article content is a critical case, as well as those that could have negatively damaged my career if I had not encountered your web site. Your primary training and kindness in taking care of all the stuff was very useful. I am not sure what I would’ve done if I hadn’t come upon such a stuff like this. I’m able to at this point look ahead to my future. Thanks so much for the high quality and amazing guide. I will not think twice to suggest the blog to any individual who needs to have counselling about this topic.

  31. Very nice post. I simply stumbled upon your weblog and wished to mention that I have really loved browsing your weblog posts. After all I’ll be subscribing in your feed and I’m hoping you write again soon!|

  32. Hiya! I know this is kinda off topic however I’d figured I’d ask. Would you be interested in trading links or maybe guest authoring a blog article or vice-versa? My website covers a lot of the same subjects as yours and I believe we could greatly benefit from each other. If you happen to be interested feel free to shoot me an e-mail. I look forward to hearing from you! Great blog by the way!|

  33. What i do not understood is in fact how you are now not really a lot more smartly-preferred than you might be now. You’re very intelligent. You understand thus considerably on the subject of this subject, made me individually imagine it from numerous numerous angles. Its like women and men aren’t interested except it’s something to do with Lady gaga! Your own stuffs outstanding. At all times maintain it up!|

  34. Simply desire to say your article is as amazing. The clearness to your publish is just cool and that i can suppose you are an expert in this subject. Well along with your permission let me to seize your feed to stay updated with drawing close post. Thank you one million and please keep up the rewarding work.|

  35. I enjoy you because of each of your efforts on this website. My mom takes pleasure in going through investigation and it’s really simple to grasp why. Most of us notice all relating to the powerful mode you present important ideas via the web blog and therefore attract response from website visitors on that concept then our favorite girl is in fact learning so much. Enjoy the rest of the new year. You are always doing a first class job.

  36. You are so interesting! I don’t think I’ve truly read anything like this before. So good to discover another person with genuine thoughts on this subject matter. Really.. thank you for starting this up. This web site is something that is required on the web, someone with a bit of originality!|

  37. Hi! I understand this is somewhat off-topic however I needed to ask. Does building a well-established website like yours take a lot of work? I am brand new to running a blog but I do write in my diary daily. I’d like to start a blog so I can easily share my personal experience and feelings online. Please let me know if you have any suggestions or tips for brand new aspiring blog owners. Thankyou!|

  38. I wanted to put you a little bit of observation to give thanks over again just for the striking things you have documented on this site. It was simply pretty generous of you to offer publicly all that most of us might have made available as an e-book to make some profit on their own, notably considering that you might have done it if you ever wanted. These good tips in addition served as a good way to comprehend many people have similar interest similar to my own to know the truth somewhat more on the subject of this issue. I’m certain there are lots of more pleasant moments ahead for people who look into your website.

  39. I needed to post you that tiny remark to give many thanks the moment again with your stunning ideas you have featured in this case. It’s certainly pretty open-handed with people like you to supply publicly exactly what a few individuals could possibly have supplied for an e book to help with making some dough on their own, primarily seeing that you could possibly have tried it if you ever decided. The creative ideas in addition acted like the fantastic way to realize that some people have the same keenness much like mine to know the truth much more pertaining to this issue. I think there are some more pleasant situations in the future for people who examine your blog post.

  40. I will immediately grab your rss as I can not to find your e-mail subscription hyperlink or e-newsletter service. Do you’ve any? Kindly let me realize in order that I may just subscribe. Thanks.|

  41. Good day I am so happy I found your weblog, I really found you by error, while I was searching on Askjeeve for something else, Nonetheless I am here now and would just like to say cheers for a incredible post and a all round interesting blog (I also love the theme/design), I don’t have time to browse it all at the moment but I have bookmarked it and also added your RSS feeds, so when I have time I will be back to read more, Please do keep up the great jo.|

  42. Hello there, simply was aware of your weblog via Google, and located that it is truly informative. I am gonna be careful for brussels. I’ll be grateful for those who continue this in future. Lots of other people will be benefited from your writing. Cheers!|

  43. Great goods from you, man. I’ve understand your stuff previous to and you are just extremely excellent. I actually like what you’ve acquired here, certainly like what you are saying and the way in which you say it. You make it enjoyable and you still care for to keep it wise. I can’t wait to read much more from you. This is really a terrific site.|

  44. I am just commenting to make you understand what a helpful discovery our child found going through yuor web blog. She realized some details, not to mention what it is like to possess an incredible helping spirit to have men and women without hassle learn about various hard to do subject matter. You truly did more than her expectations. Thanks for distributing such necessary, trustworthy, revealing and easy guidance on this topic to Julie.

  45. I believe this is one of the so much significant info for me. And i’m satisfied studying your article. However want to observation on some general issues, The site style is great, the articles is really excellent : D. Excellent process, cheers|

  46. This is really interesting, You are a very skilled blogger. I’ve joined your rss feed and look forward to seeking more of your great post. Also, I’ve shared your website in my social networks!|

  47. The other day, while I was at work, my sister stole my apple ipad and tested to see if it can survive a twenty five foot drop, just so she can be a youtube sensation. My iPad is now broken and she has 83 views. I know this is totally off topic but I had to share it with someone!|

  48. Needed to write you the very small observation to thank you over again for the marvelous tricks you’ve shown above. It was quite unbelievably open-handed with people like you to offer without restraint what exactly many people might have advertised for an ebook to earn some bucks for their own end, principally now that you could have done it if you ever wanted. Those principles additionally worked to provide a easy way to fully grasp that other people have the identical fervor just like my personal own to understand significantly more in respect of this condition. I think there are some more fun instances in the future for folks who check out your site.

  49. Thank you for all of your hard work on this site. My mom delights in setting aside time for investigation and it’s easy to see why. A number of us learn all concerning the compelling medium you present very useful solutions via the website and even strongly encourage participation from other individuals on that concern plus our own girl is truly becoming educated a great deal. Enjoy the rest of the year. You are conducting a superb job.

  50. Needed to compose you this bit of remark to say thank you once again for your personal exceptional pointers you’ve documented in this case. It’s certainly shockingly open-handed with you to offer openly what exactly many people would’ve sold as an e-book to generate some profit for themselves, chiefly seeing that you could possibly have done it in case you wanted. These things as well served to become a fantastic way to fully grasp the rest have similar desire just like my personal own to learn good deal more around this issue. I’m sure there are lots of more fun instances up front for many who read your blog post.

  51. Hi there! This article could not be written any better! Looking through this article reminds me of my previous roommate! He always kept preaching about this. I am going to forward this information to him. Fairly certain he’s going to have a very good read. Thank you for sharing!|

  52. Hi there, just became alert to your blog through Google, and found that it is really informative. I’m gonna watch out for brussels. I’ll be grateful if you continue this in future. Lots of people will be benefited from your writing. Cheers!|

  53. I want to show my gratitude for your generosity in support of men and women who have the need for help on this important subject matter. Your personal dedication to getting the message all over had been pretty powerful and has consistently made men and women like me to realize their dreams. Your personal important tips and hints indicates much a person like me and far more to my office workers. Regards; from each one of us.

  54. I simply wanted to make a quick comment so as to appreciate you for the magnificent instructions you are showing here. My long internet look up has at the end been compensated with reliable insight to share with my friends. I ‘d assume that we site visitors actually are very much fortunate to live in a very good network with many marvellous individuals with useful tactics. I feel rather privileged to have encountered the site and look forward to some more fun moments reading here. Thanks a lot again for all the details.

  55. Thanks a lot for giving everyone a very pleasant chance to read articles and blog posts from this site. It is often so awesome plus jam-packed with a good time for me and my office friends to search the blog at the least thrice weekly to find out the newest items you have got. And of course, I’m just usually pleased for the splendid points you give. Certain 1 facts on this page are indeed the most suitable I have ever had.

  56. Thanks for your entire efforts on this site. My niece takes pleasure in working on research and it is easy to see why. A lot of people hear all regarding the lively manner you give helpful items via the website and in addition welcome contribution from visitors on the area of interest and our simple princess is without a doubt starting to learn a lot. Take advantage of the remaining portion of the year. You have been conducting a powerful job.

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
YouTube49
YouTube