This repository has been archived by the owner. It is now read-only.
Provides extensions, helper classes, model binding, and other goodies to help you use the Bootstrap CSS framework from .NET code.
C#
Clone or download
daveaglick Converts lots of extensions to use object instead of string for text …
…to enable use of HtmlString for unescaped HTML text values, resolves #58
Latest commit 03d16f5 Nov 30, 2016

readme.md

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.