bootstrap-sass

Wrapping the bootstrap-sass gem in another gem causes asset manifests to break

蹲街弑〆低调 提交于 2019-12-01 06:21:59
问题 I'm trying to wrap the bootstrap-sass gem inside another gem (let's call it my-engine). Along the way, I'm building a small Rails application to test things out. As a first step, I wanted to make sure I could get bootstrap-sass working directly in my Rails application. The Gemfile for the Rails app looks like this: gem 'bootstrap-sass', '3.3.1.0' gem 'my-engine, path: "~/dev/my-engine" This works fine. The bootstrap assets are loaded into my Rails application and everything looks good. Now, I

Bootstrap Sass with Rails 4

江枫思渺然 提交于 2019-12-01 01:08:44
I'm trying to use bootstrap-sass (3.1.0.2) and sass-rails (4.0.1) in my rails (4.0.0) project. My application.css.scss file looks like this: /* * This is a manifest file that'll be compiled into application.css, which will include all the files * listed below. * * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path. * * You're free to add application-wide styles to this file and they'll appear at the top of the * compiled file, but it's generally better to

Incompatible units: 'rem' and 'px' - Bootstrap 4 and Laravel Mix

╄→尐↘猪︶ㄣ 提交于 2019-11-30 17:05:01
I just installed a fresh Laravel 5.4, and bootstrap 4 alpha 6. Laravel mix wont compile SASS: Here is one error: Module build failed: ModuleBuildError: Module build failed: $input-height: (($font-size-base * $input-line-height) + ($input-padding-y * 2)) !default; ^ Incompatible units: 'rem' and 'px'. in /Volumes/HDD/nicolae/Dev/htdocs/test/node_modules/bootstrap/scss/_variables.scss (line 444, column 34) at runLoaders (/Volumes/HDD/nicolae/Dev/htdocs/test/node_modules/webpack/lib/NormalModule.js:192:19) at /Volumes/HDD/nicolae/Dev/htdocs/test/node_modules/loader-runner/lib/LoaderRunner.js:364

How to use twitter bootstrap with bootstrap-sass in rails app?

天涯浪子 提交于 2019-11-30 06:50:32
I'm quite new to this, but i cannot figure out the problem. In twitter bootstrap i would use : <div class="row-fluid"> <div class="span2">Column1</div> <div class="span6">Column2</div> </div> And it all works fine. But i do not want to write spanX and spanY directly into my html file, rather i would like to give meaningful class names, for example: <div class="user-container"> <div class="user-filter">First Column</div> <div class="user-list">Second Column</div> </div> Given the fact, that i'm using https://github.com/thomas-mcdonald/bootstrap-sass , how should i write my scss file? I've tried

Incompatible units: 'rem' and 'px' - Bootstrap 4 and Laravel Mix

一世执手 提交于 2019-11-30 00:21:01
问题 I just installed a fresh Laravel 5.4, and bootstrap 4 alpha 6. Laravel mix wont compile SASS: Here is one error: Module build failed: ModuleBuildError: Module build failed: $input-height: (($font-size-base * $input-line-height) + ($input-padding-y * 2)) !default; ^ Incompatible units: 'rem' and 'px'. in /Volumes/HDD/nicolae/Dev/htdocs/test/node_modules/bootstrap/scss/_variables.scss (line 444, column 34) at runLoaders (/Volumes/HDD/nicolae/Dev/htdocs/test/node_modules/webpack/lib/NormalModule

Vue.js + Webpack + vue-loader + bootstrap-sass + sass-loader

旧时模样 提交于 2019-11-28 21:29:04
I'm just getting started with Vue.js + Webpack + vue-loader + bootstrap-sass + sass-loader and I'm a little lost. What I'd like to do is use the SASS version of bootstrap with my SPA Vue.js code. I want to do this so my bootstrap customisations can be done using SASS. Here is what I've done: Created a new Vue.js + webpack project with vue-cli. Installed bootstrap-sass and sass-loader. Added the following to build/webpack.base.conf.js: { test: /\.scss$/, loaders: [ 'style', 'css', 'sass' ] }, { test: /\.(woff2?|ttf|eot|svg)$/, loader: 'url', query: { limit: 10000 } } Created src/style.scss with

bootstrap-sass: Undefined variable: “$baseLineHeight”

随声附和 提交于 2019-11-28 20:33:49
I've integrated bootstrap into my app using bootstrap-sass. The app works fine on my local machine, but when I go to deploy via capistrano, I get this error: Undefined variable: "$baseLineHeight". (in /var/www/CollegeSportsBlueBook/shared/bundle/ruby/1.9.1/gems/bootstrap-sass-2.0.1/vendor/assets/stylesheets/bootstrap/_accordion.scss) When the capistrano attempts to run assets:precompile I think this variable is throwing the error because it is the first variable in the first scss file that is attempted to be precompiled. Something isn't loading up right. Any ideas what it might be? Edit Full

Can't get CSS working on Heroku using Rails 4 with bootstrap-sass gem

☆樱花仙子☆ 提交于 2019-11-28 15:32:14
I have deployed an app to Heroku with one issue I can't seem to get figured out. The CSS for the app via Bootstrap-sass does not load up thus I have an un-styled app. At the moment this is just a collection of static pages. I have followed all but one step in the README https://github.com/thomas-mcdonald/bootstrap-sass The step I can't figure out and highly likely to be my issue is as follows. Due to a change in Rails that prevents images from being compiled in vendor and lib, you'll need to add the following line to your application.rb: config.assets.precompile += %w(*.png *.jpg *.jpeg *.gif)

rails bootstrap-sass assets compilation error - undefined variable alert-padding

[亡魂溺海] 提交于 2019-11-28 10:43:59
all roads point to bootstrap-sass Referral chain: railscast-328 (twitter bootstrap basics) refers to http://www.sitepoint.com/twitter-bootstrap-less-and-sass-understanding-your-options-for-rails-3-1/ which refers to https://github.com/jlong/sass-bootstrap which in turn exclaims there is a new official port of bootstrap to sass at https://github.com/twbs/bootstrap-sass which is another one of the options in the twitter-bootstrap article It is reported as an issue with the bootstrap-rails gem: https://github.com/anjlab/bootstrap-rails/issues/91 I believe I installed it correctly The gems gem

Vue.js + Webpack + vue-loader + bootstrap-sass + sass-loader

99封情书 提交于 2019-11-27 14:04:40
问题 I'm just getting started with Vue.js + Webpack + vue-loader + bootstrap-sass + sass-loader and I'm a little lost. What I'd like to do is use the SASS version of bootstrap with my SPA Vue.js code. I want to do this so my bootstrap customisations can be done using SASS. Here is what I've done: Created a new Vue.js + webpack project with vue-cli. Installed bootstrap-sass and sass-loader. Added the following to build/webpack.base.conf.js: { test: /\.scss$/, loaders: [ 'style', 'css', 'sass' ] },