Precompilation of Razor View in Sitefinity Feather

I was recently making changes to my Bootstrap Layout templates as part of Sitefinity Feather when I noticed that my changes were not being applied!

Well, fortunately, I came across this Sitefinity Feather Forum post: http://www.sitefinity.com/developer-network/knowledge-base/details/how-to-turn-off-precompilation-of-razor-views-in-sitefinity-feather

After I turned this off and then applied changes to my Razor Layout view, I could then observe my Layout changes!

Removing the Brand text in the Bootstrap Navigation widget for Sitefinity Feather

If you have started working with Sitefinity Feather, you may know that they ship a Bootstrap Resource Package which includes a Navigation widget.

However, the problem with this navigation widget is that it maintains the text "Brand" at the beginning of the navigation bar with no easy way within the Administrative User Interface to override this text.

Well, fortunately, this can be done readily using some basic CSS!

.navbar-brand
{
 display: none !important;
}

That is all that is needed to hide the "Brand" text from the Bootstrap navigation!

Setting up a Bootstrap menu in ASP.NET MVC

If you want to set up a Bootstrap menu in ASP.NET MVC, obviously, the first part of doing that is to learn how to create a Bootstrap menu.

Of course, when you initially create an ASP.NET MVC project, the template will create a very basic Bootstrap menu for you, however, if you want to do something more sophisticated, you need to know how Bootstrap menus work as outlined here: http://www.w3schools.com/bootstrap/bootstrap_navbar.asp

Therefore, if you want to construct a Bootstrap menu with dropdown lists using ASP.NET MVC, you will probably end up with code similar to this:

<div class="navbar-collapse collapse">

        <ul class="nav navbar-nav">

            <li>@Html.ActionLink("Home", "Index", "Home")</li>

            <li>@Html.ActionLink("About", "About", "Home")</li>

            <li>@Html.ActionLink("Contact", "Contact", "Home")</li>

            <li class="dropdown">

                <a class="dropdown-toggle" data-toggle="dropdown" href="#">

                    Dropdown Links Menu

                    <span class="caret"></span>

                </a>

                <ul class="dropdown-menu">

                    <li>@Html.ActionLink("Link1", "Method1", "Link")</li>

                    <li>@Html.ActionLink("Link2", "Method2", "Link")</li>

                    <li>@Html.ActionLink("Link3", "Method3", "Link")</li>

                    <li>@Html.ActionLink("Link4", "Method4", "Link")</li>

                </ul>

            </li>

      </ul>

New Bootstrap Themes site

If you haven't already read the announcement, the makers of Bootstrap have released a brand new Bootstrap Themes site that provides multiple use licenses!

You can check out the new Bootstrap Themes site here: http://themes.getbootstrap.com/collections/all

Bootstrap Themes

I just recently started working with Bootstrap and since I am not much of a UI Designer, I decided to start looking for possible themes that I could download for my Bootstrap web applications.

I am sure there are a large number of Bootstrap Themes out there, but these are the most common ones I found with a very large selection of Bootstrap Themes:

• Bootswatch: https://bootswatch.com/
• Wrap Bootstrap: https://wrapbootstrap.com/
• Bootstrap Hunter: https://bootstraphunter.com/