Stack Overflow
Stack Overflow

Questions tagged [bootstrap-sass]

A Sass-powered version of Bootstrap, ready to drop right into your Sass powered applications.

Overview

Bootstrap Sass is a Sass-powered version of Bootstrap, ready to drop right into your Sass powered applications.

Installation

You can install it in a project using:

Usage

Import Bootstrap Sass into a Sass file to get all styles, variables and mixins :

@import "bootstrap";

You can also import components explicitly.

Links

Related tags




304 questions
0
votes
0 answers

variables not working in modular sass

I am using a modular SASS that came with Underscores (which is a WordPress framework but not really relevant here). It is very similar to what you see with bootstrap less or sass where you have one simple file that has a plethora of @import…
shellwe
  • 105
  • 4
  • 16
0
votes
1 answer

Rails bootstrap navigation link_to error

I want to make a navbar in rails according to this example: http://getbootstrap.com/javascript/#tabs
0
votes
1 answer

rails 4.2.0, sass-rails 5.0.1, and bootstrap-sass 3.3.3 Undefined variable: "$state‐danger‐text"

I'm trying to follow Michael Hartl's Ruby on Rails Tutorial 3rd Edition with a slightly modified Gemfile and Sassy CSS files. When I try to use bootstrap-sass variables and mixins to display bootstrap powered validation errors in my custom.css.scss…
bhtabor
  • 277
  • 4
  • 13
0
votes
1 answer

Customize bootstrap sass version to use outline:none;

I need to override outline: none; using SASS version of bootstrap 3.3.2. I do see following mixin defined in bootstrap @mixin tab-focus() { // Default outline: thin dotted; // WebKit outline: 5px auto -webkit-focus-ring-color; …
joy
  • 3,669
  • 7
  • 38
  • 73
0
votes
1 answer

use percentages for gutter width in Bootstrap SASS

I am trying to set the $grid-gutter-width: variable in the _variables.scss file to 2.4% but I get this error: Error: Incompatible units: '%' and 'px'. Is there a way around this?
user1937021
  • 10,151
  • 22
  • 81
  • 143
0
votes
1 answer

How to change from bootstrap to bootstrap-sass and avoid dependency conflicts

I just started working on this Angular app that was setup using Yeoman. The packages used in the app are (along with others) are: "bootstrap": "~3.3.2", "angular-bootstrap-nav-tree": "*", "angular-strap": "~2.1.6" Instead of the bootstrap package…
Jaffakex
  • 498
  • 1
  • 5
  • 16
0
votes
0 answers

Editing my SASS stylesheets in the asset pipeline seems to break the asset pipeline

This is driving me nuts - I have a Rails app built on Bootstrap. I have been plugging along for a few weeks and today I hit a very bizarre issue. If I make any trivial change (i.e. add a new line and save) to ANY style sheet I loose a bunch of my…
Dan Tappin
  • 2,692
  • 3
  • 37
  • 77
0
votes
1 answer

Change px to em boostrap 3 SASS version

Is there any possible way to change bootstrap 3.1 SASS version to px to em support for fonts
Joseph
  • 15
  • 1
  • 9
0
votes
1 answer

Simple Two-Column Layout with Bootstrap-SASS Rails

I want a simple two-column layout. With the code below, the columns are not side by side but instead are following the html default block-level flow. I am wondering if I am missing some step with installing bootstrap-sass into the rails app.…
Neil
  • 4,578
  • 14
  • 70
  • 155
0
votes
1 answer

How to include files depending on the request.domain

I need to include the file "#{request.domain.split(".").first}.css.scss" into my custom.css.scss file. I don't know how to proceed. The goal is to declare specific variable, and give them different values in each file, loading dynamically different…
Paolo Di Pietro
  • 517
  • 3
  • 17
0
votes
1 answer

Unable to use @extend from bootstrap-sass gem in my Layout file

Layout.css file :- body { padding-top: 20px; } #flash_notice { @extend .alert; @extend .alert_success; } #flash_error, #flash_alert { @extend .alert; @extend .alert-danger; } #flash_warning { @extend .alert; @extend…
Sanjeev
  • 298
  • 4
  • 11
0
votes
1 answer

How to make a visible rectangular frame in CSS to contain some sections of my view?

I made a blog and I want to frame add a nice frame ( like for pictures ) for each of my articles. The app/views/articles/index.html.erb list all the articles. I want to use bootstrap-sass to make a frame around each article, just like a picture…
codigomonstruo
  • 1,081
  • 1
  • 11
  • 45
0
votes
1 answer

AngularStrap with bootstrap-sass-official

Finally getting around to learning front-end development with sass and I'm using bootstrap-sass-official (installed via bower) in an AngularJS project. Id like to try out AngularStrap in this project as well but it's dependency on bootstrap's CSS…
Nolan Lawrence
  • 312
  • 2
  • 10
0
votes
1 answer

How to use different grid gutter widths with media queries?

I would somehow like to have different grid gutter widths using the Bootstrap SASS variable $grid-gutter-width, but assigning it different values within media queries does not work. I know this is not possible, but any help using mixins or loops is…
AdmireNL
  • 396
  • 1
  • 9
0
votes
2 answers

AngularJS Template Url not working

I am trying to set a templateUrl on a route in AngularJS using an html file in a child directory of assets. It works fine locally. The templates are stored at: #{RAILS_ROOT}/app/assets/templates # Sets up routing Blog.config(['$routeProvider',…
Randmness
  • 1
  • 2
1 2 3
…
20 21