Questions tagged [bootswatch]

Theme engine for Twitter Bootstrap is an open source project. Its welcome to modify the swatches further or create your own.

Theme engine for Twitter Bootstrap, is an open source project. Its welcome to modify the swatches further or create your own.

Bootswatch Easy to Install. Simply download a CSS file and replace the one in Bootstrap

Modular - Changes are contained in just two LESS files, enabling modification and ensuring forward compatibility.

Get Plugged In - An API is available for integrating with your platform. In use by WPBS, FusionLeaf, BootSnap, and others.

Fork or follow the GitHub repository.

Issue can be logged to Github Issues log

147 questions
117
votes
9 answers

Customizing Bootstrap CSS template

I am just getting started with Bootstrap from Twitter and am wondering what the ‘best practices’ is for customization. I want to develop a system that will take advantage of all the power of a css template (Bootstrap or other), be completely (and…
Anne
  • 1,253
  • 2
  • 10
  • 10
82
votes
6 answers

How can I implement a theme from bootswatch or wrapbootstrap in an MVC 5 project?

I am about to create a new ASP.Net MVC5 web application. I would like to use a theme from bootswatch or wrapbootstrap in the application, but cannot find a set of instructions on how to do this.
37
votes
7 answers

How to dynamically change themes after clicking a drop down menu of themes

I'm using bootstrap for the interface of the website I'm developing. I am also planning to integrate the bootswatch themes to my site. I have created a dropdown menu containing the different themes of bootswatch. My problem is how can I switch…
Ferdinand Balbin
  • 687
  • 1
  • 7
  • 13
19
votes
5 answers

How to solve glyphicons-halflings-regular.woff2 Err_Aborted issue in ASP.Net MVC 5

So I have a project where I want to change the theme of BootStrap. So, I took theme from BootSwatch and the theme is selected is Lumen. Now in my Bundle.Config file, I made below changes. bundles.Add(new StyleBundle("~/Content/css").Include( …
Unbreakable
  • 7,776
  • 24
  • 90
  • 171
17
votes
8 answers

Bootswatch theme not working correctly

It's my first time working with ASP.NET, I'm trying to use a Bootswatch theme but when I try to use it the navigation bar at the top of the page turns into a weird drop-down menu. Am I doing something wrong? I just replaced the current bootstrap.css…
Jjampong
  • 584
  • 1
  • 4
  • 19
10
votes
2 answers

Asp.Net MVC Razor BootStrap Input Form

Currently I have an Input form like this:
@Html.LabelFor(model => model.VenueID)
@Html.EditorFor(model => model.VenueID) …
Goober
  • 13,146
  • 50
  • 126
  • 195
9
votes
5 answers

How to add wrapbootstrap (made with twitter bootstrap) themes to rails application

The website https://wrapbootstrap.com/ has themes which were made using Twitter Bootstrap. Each of these themes include different versions of Twitter Bootstrap along with other various libraries and versions (jquery, fontawesome, etc...) How do I…
9
votes
2 answers

Integrating Bootswatch Theme with Twitter-Bootstrap-Rails Gem

I've got a Ruby on Rails app running with Bootstrap, which I installed using the gem twitter-bootstrap-rails. I'd now like to integrate a new Bootswatch theme, but I'm having trouble figuring out what to do. There are four possible downloads for…
tanookiben
  • 22,575
  • 8
  • 27
  • 25
8
votes
2 answers

Bootstrap - How to use icons in lists/tabs?

I'm trying to get a couple of effects in Twitter Bootstrap but I'm struggling, and I'm sure it must have been done before. Both are quite similar so I've rolled into a single question. What I want to do is get Icons working within both a list and a…
Ian
  • 33,605
  • 26
  • 118
  • 198
8
votes
1 answer

How can I make Bootstrap icons work on dark background?

I'm using the Bootswatch Cyborg theme of Twitter's Bootstrap library. However, the Cyborg theme has a dark background and light foreground colors, a negative look from the Bootstrap defaults. The icon set PNG assumes a light background, and doesn't…
Wolfram Arnold
  • 7,159
  • 5
  • 44
  • 64
7
votes
1 answer

How to find out which scss variable is used by rmarkdown / bslib to color each page element?

How can i find out which bootstrap scss variable is used by rmarkdown / bslib to color page elements? e.g. for coloring the TOC background? Here is a page's yaml output: html_document: self_contained: false theme: version: 4 …
Brani
  • 6,454
  • 15
  • 46
  • 49
7
votes
3 answers

Bootstrap CSS without Google Fonts

I am writing a simple offline web app to configure a device (think similar to a wireless router setup page). The computer that is connected to my device won't have an internet connection, it will be loading the page from a server running on my…
James
  • 3,957
  • 4
  • 37
  • 82
6
votes
3 answers

Compile LESS file into CSS Bootstrap 3

I have a LESS file which I want to compile to use as my bootstrap theme. How can I compile it? Is there a place where I can do this? The less FILE comes from http://bootswatchr.com/ but when I click the link get CSS and choose either minified…
CodeTrooper
  • 1,890
  • 6
  • 32
  • 54
5
votes
2 answers

How do I use the Bootswatch theme "Minty" in my R Shiny application?

I am trying to change the theme of my R Shiny application to "Minty" from the bootswatch theme website: https://bootswatch.com/. However, when I use the shinythemes argument in my code, the theme is not adjusted when I run the application. Any help…
AyeTown
  • 831
  • 1
  • 5
  • 20
5
votes
8 answers

twitter bootstrap dropdown doesn't toggle closed when it should

Oh man, I've been tearing my hair out over this. 4 hours on a dropdown. I'm using Twitter Bootstrap. The fixed nav at the top has a dropdown, pretty standard stuff. Except that the dropdown doesn't get closed as it normally should. It will only…
Josh
  • 83
  • 1
  • 1
  • 8
1
2 3
9 10