Free html forum template

Bootstrap snippet and html example. Forum post list

This html snippet was created to help web designers, web developers, front-end and back-end developer save time. Use it for free in your project and build your app faster, You can also download the HTML, CSS, and JS code.
Tags: forum,faqs

HTML code

This is the html code used to create this bootstrap snippet, You can copy and paste the following html code inside a page with bootstrap 3.3.6 included, to get the result that you can see in the preview selection

  

Welcome to our forum

Feel free to choose topic you're interested in.
Total posts: 320,800

General subjects

Views
Topics
Posts
Views
Topics
Posts
Views
Topics
Posts
Views
Topics
Posts
Total posts: 17,800,600

Other subjects

Views
Topics
Posts
Views
Topics
Posts
Views
Topics
Posts
Views
Topics
Posts

CSS code

This is the css code used to create this bootstrap snippet, You can copy and paste the following css code inside a page with bootstrap 3.3.6 included, to get the result that you can see in the preview selection

body .white-bg < background-color: #ffffff; >.page-heading < border-top: 0; padding: 0 10px 20px 10px; >.forum-post-container .media < margin: 10px 10px 10px 10px; padding: 20px 10px 20px 10px; border-bottom: 1px solid #f1f1f1; >.forum-avatar < float: left; margin-right: 20px; text-align: center; width: 110px; >.forum-avatar .img-circle < height: 48px; width: 48px; >.author-info < color: #676a6c; font-size: 11px; margin-top: 5px; text-align: center; >.forum-post-info < padding: 9px 12px 6px 12px; background: #f9f9f9; border: 1px solid #f1f1f1; >.media-body > .media < background: #f9f9f9; border-radius: 3px; border: 1px solid #f1f1f1; >.forum-post-container .media-body .photos < margin: 10px 0; >.forum-photo < max-width: 140px; border-radius: 3px; >.media-body > .media .forum-avatar < width: 70px; margin-right: 10px; >.media-body > .media .forum-avatar .img-circle < height: 38px; width: 38px; >.mid-icon < font-size: 66px; >.forum-item < margin: 10px 0; padding: 10px 0 20px; border-bottom: 1px solid #f1f1f1; >.views-number < font-size: 24px; line-height: 18px; font-weight: 400; >.forum-container, .forum-post-container < padding: 30px !important; >.forum-item small < color: #999; >.forum-item .forum-sub-title < color: #999; margin-left: 50px; >.forum-title < margin: 15px 0 15px 0; >.forum-info < text-align: center; >.forum-desc < color: #999; >.forum-icon < float: left; width: 30px; margin-right: 20px; text-align: center; >a.forum-item-title < color: inherit; display: block; font-size: 18px; font-weight: 600; >a.forum-item-title:hover < color: inherit; >.forum-icon .fa < font-size: 30px; margin-top: 8px; color: #9b9b9b; >.forum-item.active .fa < color: #1ab394; >.forum-item.active a.forum-item-title < color: #1ab394; >@media (max-width: 992px) < .forum-info < margin: 15px 0 10px 0; /* Comment this is you want to show forum info in small devices */ display: none; >.forum-desc < float: none !important; >> .ibox < clear: both; margin-bottom: 25px; margin-top: 0; padding: 0; >.ibox.collapsed .ibox-content < display: none; >.ibox.collapsed .fa.fa-chevron-up:before < content: "\f078"; >.ibox.collapsed .fa.fa-chevron-down:before < content: "\f077"; >.ibox:after, .ibox:before < display: table; >.ibox-title < -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #ffffff; border-color: #e7eaec; border-image: none; border-style: solid solid none; border-width: 3px 0 0; color: inherit; margin-bottom: 0; padding: 14px 15px 7px; min-height: 48px; >.ibox-content < background-color: #ffffff; color: inherit; padding: 15px 20px 20px 20px; border-color: #e7eaec; border-image: none; border-style: solid solid none; border-width: 1px 0; >.ibox-footer < color: inherit; border-top: 1px solid #e7eaec; font-size: 90%; background: #ffffff; padding: 10px 15px; >.message-input < height: 90px !important; >.form-control, .single-line < background-color: #FFFFFF; background-image: none; border: 1px solid #e5e6e7; border-radius: 1px; color: inherit; display: block; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; font-size: 14px; >.text-navy < color: #1ab394; >.mid-icon < font-size: 66px !important; >.m-b-sm

Источник

Читайте также:  Php создать пустую переменную

8 Best Bootstrap Forum Templates 2023

Forum not only helps you to create a community of like-minded people but also helps you to increase your sales as well as earnings through ads.

There are many forum platforms to help you built your own forums. Some of the best forum software are phpBB, vBulletin, Invision Community, and bbPress. In which bbPress is familiar to WordPress users.

Before getting into the Bootstrap forum templates list, let us see some basic steps to create a successful forum.

When it comes to free forum templates, these do not provide a full-blown forum solution out of the box. Either you create it from scratch or use a 3rd-party extension. We also added multiple premium alternatives and WordPress forum themes, which help simplify the process.

Best Forum WordPress Themes

BuddyBoss Web

BuddyBoss is the most popular forum and social network tool for WordPress. It is based on BuddyPress but adds unmatched flexibility in design and functionality.

Doctreat

doctreat bootstrap forum template

Doctreat is a powerful Bootstrap template for establishing a doctor directory website with a forum. It is based on the popular Bootstrap Framework to guarantee exceptional performance across all devices, smartphones, tablets and desktop computers. Of course, Doctreat works excellently on all modern web browsers and retina screens. Along with the sophisticated designs, Doctreat has tons of practical features in store that will wow every user.

Some treats include offline packages, appointment on call, RTL support, patient history, powerful search and one-to-one real-time chat system. Listing down all the features of Doctreat would take a lot of time. Instead of ruining all the fun for you, we let you experience Doctreat first-hand instead. Create an advanced medical and health directory now with Doctreat and enjoy the quick realization of an impactful end product.

Docly

docly forum theme

Docly is an all-around solution if you search for a WordPress theme that covers documentation, knowledgebase and forum. It comes with a powerful bbPress plugin that simplifies the process of forum creation. Indeed, even without coding knowledge, you can still make things happen comfortably.

Docly follows all the latest web practices to guarantee a spectacular performance. It includes multiple page layouts, supports RTL languages and works smoothly on any device. You can even shift between dark and light mode with the handy switcher. If you are ready to start on the right path, choose Docly now.

Beehive

beehive forum theme

You can employ Beehive for an array of different intentions when it comes to building a social network. That said, you can create a niche platform or a general one, the choice is yours. Beehive is powerful enough to handle heaps of ideas with ease. And if you would like to introduce a forum section, you can do that with Beehive.

The design of this WordPress theme is very modern and pleasing to the eye. It ensures that everything comes into view in a distraction-free way. A few extras of Beehive are chat, notifications, groups, comments, classifieds and news feeds.

Coinflip

coinflip forum theme

Adding a forum section can be highly rewarding when running an online casino or gambling website. Thanks to Coinflip, you can now establish a full-blown website for the industry without breaking a sweat. Let’s face it, you will find it all and then some in this massive bundle of practical features and functions.

Coinflip delivers every necessary page layout, from front to internal. Moreover, the layout is responsive and cross-browser compatible. As for the forums section, Coinflip uses the BuddyPress plugin, which helps everyone make it happen without experience. Enjoy the live demo preview and go from there.

eGovenz

egovenz forum theme

As the name suggests, eGovenz is a WordPress theme that fits city government best. If this is something you want to take care of and a forum element, that’s what eGovenz is for. With the one-click installation process, you can start working on your project immediately. You can select from five different samples, of which all are entirely customizable.

eGovenz sports Elementor drag and drop page builder, so you know performing edits and improvements will be a child’s play. Some other goodies are the bbPress WordPress plugin, Events Manager, tons of custom elements and the list.

EasyMeals

easymeals forum theme

Start a food blog and build a loyal community of fans and members with EasyMeals. It is a nifty solution to help create a spectacular website with a full-blown blog and forum. But there is a lot more to EasyMeals. The tool includes recipes sharting, user accounts, plenty of shortcodes and different header styles.

Social integration, testimonials, SEO optimization and compatibility with devices and web browsers – EasyMeals takes care of everything. As a result, you get to create a striking food blogging/community platform that will connect people with tasty ideas.

SquadForce

squadforce bootstrap forum template

Gaming enthusiasts willing to start their online project, make it with SquadForce. You can use this versatile Bootstrap tool for an array of different intentions. For instance, SquadForce works for building anything from news pages and game portals to eCommerce websites and forums, plus heaps more in between. Also, you can be an utter beginner and still make some noise on the internet with SquadForce.

Loads of ready to use blocks, convenient navigation styles, eSport tournaments, WooCommerce support and stunning galleries are a few of the specialties that SquadForce has available for you. The bbPress integration allows you to create a forum and grow a loyal community. By the way, if you would like to translate SquadForce, you can do that, too. Moreover, SquadForce includes automatic updates to ensure you smooth website operation for years to come.

Best Free Bootstrap Forum Templates

Listing (Free)

Listing is a free directory-based website template. Here the users can log in and submit places and their details. Other users can also review the place and rate it as a community. The clean design of the template makes it an easy fit for the present day web audience. Full-width design and the colorful line icons make this free template feel like a premium template. The template uses latest HTML5, CSS3, and Bootstrap framework. Adding a few more pages and few lines of coding you can make this free template an effective forum for food lovers and travelers.

Pato (Free)

Pato is a free restaurant website template by default. It is a multi-page template with all the features you need to create an effective restaurant. In this template, the users can see the food and reserve table. These modern web elements of this template help you to mesmerize the users with beautiful food images. These features will also help you create an interactive forum website template for food lovers. This flexible website template is mobile responsive and uses HTML5, CSS3, and latest Bootstrap framework.

SociFly

socifly-bootstrap-forum-templates

SociFly is a social network-based website template. Since it is designed to manage many users, this template includes all features and options you need to run an effective forum. The design of the template is also neat and clean. The intuitive design of the template can handle both the texts and the multimedia elements easily. Users can not only interact with each other but also like other content and send a friend request. The sticky right sidebar gives you plenty of options to filter contents.

If you are looking for a template to improve the interaction between the community members, then SociFly would be the best choice. One of the main reasons to create a forum is you can advertise, the SociFly template gives you ample amount of space to add advertisement banners. Another advantage of using this template you get four homepage variations.

MartPlace

martplace ecommerce website template

MartPlace is a modern template based on the marketplace concept. The template features are more or less similar to the Themeforest website. The user can see the product author, their product review, their followers and portfolios. In one word MartPlace is a more refined and modern-looking Envato market website.

Apart from the forum place you also get a dashboard with this template. You can visualize your activity stats elegantly in the dashboard with graphs and charts. The modern web elements manage to improve user engagements. MartPlace is a value for money template where you get all the features to create an effective forum, marketplace and customer support. You can simply convert this template to the CMS version or can integrate it with any other software you like and can kickstart your website right away. This well-coded template uses HTML5, CSS3 and Bootstrap framework.

What’s Your Favorite

These are some of the best free forum templates you can use for your forum websites. As said before premium templates give you more options and advanced features. But if you like to stay economical, you can choose one from the free Bootstrap forum templates. We have managed to collect the free template that almost has all the basic features you would normally expect in a forum website. All the templates in the list use modern HTML and Bootstrap frameworks, so working with them won’t be a big issue for you. What is your favorite template? Share your thoughts in the comment section below.

Источник

Оцените статью