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
4 answers

Use on click do not work after ajax call

$(document).ready(function () { var user = 1; $("a.like").on("click", function () { var article = $(this).attr('data-article'); $.ajax({ type: "POST", url: "WebService.asmx/Like", …
samuk
  • 157
  • 1
  • 3
  • 19
2
votes
4 answers

Switching between Twitter Bootstrap Themes?

I'm working on a project for a client built on Twitter Bootstrap. He wants to have different colour schemes that the user can select from. For example have a Red Colour Scheme and a Blue Colour Scheme that the user can change through a menu up the…
samturner
  • 2,213
  • 5
  • 25
  • 31
1
vote
3 answers

How to incorporate a (static) bootstrap template into rails asset pipeline?

I'm making a homepage with twitter bootstrap, rails 3.2.1 and twitter-bootstrap-rails gem (https://github.com/seyhunak/twitter-bootstrap-rails). Wanted to try a different look other than the classic twitter one and found a great template called…
1
vote
1 answer

What is the default font of Quarto presentations?

I feel very stupid for asking; the titular question says it all. I looked through what I think is the CSS from Bootswatch that provides the default theme, but didn't find any enlightenment there.
Justin
  • 147
  • 1
  • 6
1
vote
2 answers

How to add HTML code to a Quarto website?

Basically, it should be possible to copy html-code directly into a Quarto document (.qmd) and then render it to an html-website. I tried to do that and copied the following code from the Simplex Theme to a quarto website:
feder80
  • 1,195
  • 3
  • 13
  • 34
1
vote
2 answers

How to edit the Simplex Theme for a Quarto Website?

I want to create a Website with Quarto, using the Bootswach theme "Simplex". The theme is simple but elegant. I like the mix of white, black gray and red colors. However, I come across three challenges: (1) Including a logo is pretty easy by adding…
feder80
  • 1,195
  • 3
  • 13
  • 34
1
vote
0 answers

Svelte - Sveltestrap - Bootswatch - SASS variables

I am evaluating Svelte with Bootstrap/Sveltestrap and a Bootswatch theme. I need to support an offline use case, which means Bootswatch's fonts can't be loaded from google via a CDN. So i configured svelte-preprocess and sass, but when compiling my…
ruckc
  • 505
  • 1
  • 6
  • 23
1
vote
1 answer

how do i move this announcement tab to the right?

i've tried to text align the announcement (h2) and text below (p), but it only tilted to the right of the box and not on the opposite side of the primary card title thing. i used bootswatch here so i think that contributes to the problem, thanks…
hysen_
  • 23
  • 2
1
vote
1 answer

Overriding Bootstrap Colors

My goal is to take an "almost perfect" (for me) theme and modify it slightly for my needs. Additionally, I would like to continue to use the CDN for the majority of the work. I am attempting to use bootswatch and then override the colors defined…
LCB
  • 91
  • 1
  • 11
1
vote
1 answer

How to import bootswatch themes into react-bootstrap?

I created a basic React application using CRA and react-bootstrap. I would like to load different bootswatch themes. All themes are downloaded and placed inside a src/themes folder. Each theme has its own folder with fixed set of…
Hamed
  • 1,351
  • 9
  • 23
1
vote
1 answer

flask-bootswatch: css is not loading in "/" paths

While working on a project which I build using Flask and a Bootswatch theme which is a books website, letting users to register, log in and then search for books and when a users selects one of results it gives information about that book,but I…
R. Gurung
  • 1,356
  • 1
  • 14
  • 34
1
vote
1 answer

Multilevel Navbar on Bootstrap 4 (Bootswatch) on right side

So I have a multilevel Navbar in Bootswatch 4 (Bootstrap 4) on the right sid in the desktop version (which I took from an example without really understanding the CSS and Javascript behind it) and I want to pop the Submenus open to the left side as…
TL84
  • 143
  • 2
  • 8
1
vote
1 answer

Use Bootswatch with .net core web app (razor not MVC)

I'm trying to use a bootswatch theme with my .net core web app but I can't seem to find any guides. I have tried replacing the bootstrap.css file with the bootstrap.css of my desired theme but it's not working. I noticed the default bootstrap.css…
Chris
  • 41
  • 2
  • 7
1
vote
4 answers

How do I add a Bootswatch theme to a Vue project?

I have Bootstrap working properly in my Vue project. I would like to use a theme from Bootswatch. In my Vue project, I replaced the node_modules/bootstrap/dist/bootstrap.min.css file with one that I downloaded from the Bootswatch site. But the…
Mose
  • 69
  • 3
  • 7
1
vote
1 answer

Not able to add Bootswatch theme to Bootstrap 4?

I'm looking to get started with Bootstrap 4 using SCSS. I think I have Bootstrap 4 with SCSS up and running but I would like to use a theme off of https://bootswatch.com. When I used their themes with BS3 it was straight forward LESS files that you…
Caverman
  • 3,371
  • 9
  • 59
  • 115