Popularity
4.2
Stable
Activity
0.0
Stable
204
37
75

Code Quality Rank: L4
Programming language: C#
License: Copyright 2015
Tags: Bootstrap    
Latest version: v3.3.5.4

FluentBootstrap alternatives and similar packages

Based on the "HTML and CSS" category.
Alternatively, view FluentBootstrap alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of FluentBootstrap or a related project?

Add another 'HTML and CSS' Package

README

FluentBootstrap

** Looking For A Maintainer **

This project isn't "dead", but at the same time I won't be doing much more to it beyond fixing bugs. It's complete and production-worthy but my personal interests have shifted more towards code generation (scripting, static sites, etc.) and I am unable to give this project the attention it deserves going forward. If you're interested in taking over, please drop me a line by opening an issue.

Overview

FluentBootstrap provides extensions, helper classes, model binding, and other goodies to help you use the Bootstrap CSS framework from .NET code. It enables using Bootstrap (and to some extent, regular HTML elements) in a variety of different ways without having to worry about HTML, CSS, etc. The goal is to have strongly-typed classes, methods, and extensions that cover as much of the Bootstrap library as possible. Support for generating HTML strings without a web framework, ASP.NET WebPages, ASP.NET MVC, and T4MVC is currently provided.

Status

BuildAppVeyor FluentBootstrapNuGet FluentBootstrapWebPagesNuGet FluentBootstrapMvcNuGet FluentBootstrapMvcT4MVCNuGet

Example

FluentBootstrap lets you output this:

<nav class="navbar-static-top navbar-default navbar" 
 id="navbar" role="navigation">
 <div class="container-fluid">
  <div class="navbar-header">
   <a class="navbar-brand" href="#">FluentBootstrap</a>
   <button class="collapsed navbar-toggle" data-target="#navbar-collapse"
    data-toggle="collapse" type="button">
    <span class="sr-only">Toggle Navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
   </button>
  </div>
  <div class="collapse navbar-collapse" id="navbar-collapse">
   <div class="navbar-left navbar-nav nav">
    <li><a href="/">Introduction</a></li>
    <li><a href="/Installation">Installation</a></li>
    <li><a href="/Usage">Usage</a></li>
    <li><a href="/Development">Development</a></li>
   </div>
  </div>
 </div>
</nav>

By writing this (for example, if using from an ASP.NET MVC view):

@using (var navbar = Html.Bootstrap().Navbar("FluentBootstrap")
    .SetPosition(NavbarPosition.StaticTop).Begin())
{
    @navbar.NavbarLink("Introduction", "/")
    @navbar.NavbarLink("Installation", "/Installation")
    @navbar.NavbarLink("Usage", "/Usage")
    @navbar.NavbarLink("Development", "/Development")
}

Download

The easiest way to download is via NuGet:

Install-Package FluentBootstrap

If you're using FluentBootstrap with ASP.NET MVC:

Install-Package FluentBootstrap.Mvc

More Information

Please see the project site at http://www.fluentbootstrap.com for more information, installation instructions, and code examples.