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
2
votes
0 answers

How can I specify an umbrella class for all classes in a CSS file?

Apologies for the imprecise title, but I'm not sure exactly what words to use to ask my question. I'm trying to add a toggle on a React app to allow multiple themes (dark mode, light mode). After a bit of googling it looks like the best way will be…
2
votes
2 answers

How install a Bootswatch theme on React project?

I created a React project and I would like to install on it a bootswatch theme. The theme is display but some component of it that use js don't work. Like modal or dropdown. I followed there install documentation: - npm install bootswatch - import…
Malaury Boudon
  • 656
  • 1
  • 8
  • 18
2
votes
3 answers

Angular 6 production mode removes Bootswatch theme?

I have an Angular 6 app using Bootstrap 4 and a Bootswatch theme (Lumen). The styles and the theme work fine when I compile the site in my test environment using ng serve and also work fine when compiled for my nginx webserver with ng build. …
workerjoe
  • 2,421
  • 1
  • 26
  • 49
2
votes
1 answer

How do I reference a different css file aside from the vendor.css file that comes with the Angular Template in VS2017

Ok, I've downloaded the latest version of a bootswatch template and it calls it bootstrap.css. I copied this into the wwwroot/dist folder. Then using NPM I upgraded bootstrap to version 4 installed font-awesome installed bootswatch version 4 From…
bilpor
  • 3,467
  • 6
  • 32
  • 77
2
votes
1 answer

Align Bootstrap 4 custom form(checkbox)

With Bootstrap 4 and bootswatch, I'd like to place the four Django form fileds, since(col-sm-2/textinput), until(col-sm-2/textinput), currently_employed(col-sm-7/custom checkbox) and form close button(col-sm-1/a tag) in-row. But it rendered wrong…
홍한석
  • 439
  • 7
  • 21
2
votes
1 answer

While integrating bootswatch theme the horizontal menu becomes a drop down menu in ASP.NET

I am trying to fix a css problem that changed the horizontal menu to drop down when it was not supposed to. All i did was replace the bootstrap.css with one from bootswatch.com
2
votes
1 answer

Where can I download the bootstrap.js of bootswatch?

I can't find the bootstrap.js and jquery of https://bootswatch.com/ theme I am using. If I press the download, it only shows the css and no js
Jane Doe
  • 192
  • 4
  • 18
2
votes
1 answer

Angular UI Grid - Dark them

has anyone developed a dark theme for Angular ui grid? One which will go along with 'Slate' theme in bootswatch? http://bootswatch.com/slate/
Reez
  • 21
  • 5
2
votes
4 answers

twitter bootstrap 3 and bootswatch flatly template - modal not working anylonger

After I had install the flatly template from bootswatch (https://bootswatch.com/flatly/) the normal modal window of twbs is not working anylonger. CLICK! . .
goldlife
  • 1,949
  • 3
  • 29
  • 48
2
votes
2 answers

Bootstrap less files: vertical-three-colors undefined

I have downloaded a nice theme from Bootswatch, but I would like to change some colors. So I got the bootswatch.less and variables.less and compiles a merged file using WinLess. When I do this I get following error: undefined #gradient >…
sdalby
  • 163
  • 1
  • 13
2
votes
1 answer

List group not working inside panel (Bootstrap)

As the title says, I was trying to make a project where the user can select an item from the side and info shows up. Although this seems really simple, I tried doing this inside a panel like in the jsfiddle linked below but for some unknown reason…
2
votes
1 answer

Setting Up Bootstrap and Bootswatch in an ASP .NET MVC 5 Project

I have an ASP .NET MVC 5 project. The template came with bootstrap, and I have generally left it alone. I now want to use the Bootstrap source as well as Bootswatch variables files for styles. Previously, I have put all the resources needed to build…
Wasabi Fan
  • 1,763
  • 3
  • 22
  • 36
2
votes
5 answers

bootswatch makes my webpage load slow even on my computer in previews?

So Bootswatch.com has some awesome themes for twitter bootstrap. Unfortunately as soon as I swapped out the CSS scripts for Bootswatch.com the webpage loads super super slow. On my computer when i click preview or double click the .html file. What…
Jeff Meigs
  • 303
  • 1
  • 2
  • 11
2
votes
1 answer

How to change color swatches in Flat UI, a Twitter Bootstrap

I've never used color swatches on a website before, and was looking for advice. I just purchased http://designmodo.com/flat/. I want to change the default color pattern to one of the swatches. It sounds like it's a simple process, but I don't…
catchmikey
  • 1,739
  • 4
  • 20
  • 20
2
votes
0 answers

Change the style dynamically with bootswatch-rails

I want to change my style using bootswatch-rails. First, I would install bootswatch-rails gem and change the files' extension to scss.erb. So then, i would wite in the file scss.erb: <% theme = Themes.find(1) %> Until here everything works fine…
1 2
3
9 10