Comments (4)
Packagist issue has been fixed (I've missed a special step that the cli tool requires when publishing new versions) and the latest theme and cli tool versions (with the relevant fixes) are now live.
Just as an FYI, the Bootstrap install preset does not add bootstrap and popper's JS to your index.js but I've added that to my TODO so it should be ready for the next version.
from wpemerge-theme.
Hi @kristjankoppel ,
Both issues have already been fixed, however, packagist.org is refusing to update one of the packages which kind of ties my hands.
I'll update this issue once the packagist.org issue is solved.
Here's a short step-by-step guide on how to add Bootstrap manually in the meantime:
- Execute
yarn add --dev bootstrap@^4.0
in the theme root directory. - Edit
resources/styles/_vendor.scss
and add this line at the end:@import '~bootstrap/dist/css/bootstrap.css';
That should be it!
from wpemerge-theme.
OK. I think i got everything now working. Did a quick test with few Booststrap components. Too bad i need to do these steps manually.
So here is few steps if anyone want to get this theme running with Bootstrap 4.1.3.
- cd into your freshly created theme folder
- run
yarn add [email protected] --dev
- run
yarn add popper.js --dev
- For CSS edit
resources/styles/_vendor.scss
and add this line at the end:
@import '~bootstrap/scss/bootstrap.scss';
Note that you can even import BS partial parts. Same for bootstrap javascript. - For JS edit
resources/scripts/index.js
and add this line at the end:
import 'bootstrap';
- Now run
yarn dev
oryarn dev --dev-url=<your-project-ul>
-- everything should work nicely.
Note 1: @atanas-angelov-dev can comment if all this is correct.
Note 2: @atanas-angelov-dev I still want to note that in package.js file there is bootstrap version 3 included: https://jmp.sh/ZaevPeq
from wpemerge-theme.
@kristjankoppel all steps are correct. The version 3 you see is most probably due to the outdated cli tool issue I mentioned.
from wpemerge-theme.
Related Issues (20)
- Script WPEmerge\Cli\App::createConfigJson handling the post-create-project-cmd event terminated with an exception HOT 1
- Can't install wpemerge-theme with composer while using PHP 7.4 HOT 1
- CSS edit triggers full page reload HOT 1
- Unable to contribute HOT 7
- Add support for Gutenbeg Editor Styles HOT 1
- Wrong PHPDocBlock HOT 1
- Can't reference an image (getAssetUrl) when running yarn hot HOT 3
- Unable to load SVG files as image. HOT 1
- Feature request: image asset processing & subfolders HOT 1
- Problems using the yarn:hot script HOT 3
- Install TailwindCSS rules at beginning of index.scss file HOT 1
- Unknown file wpcs.xml in package.json HOT 1
- Make Compatible with Composer 2 HOT 1
- setup project divided into 2 plugins and a theme HOT 2
- Update to TailwindCSS 2 ? HOT 1
- Development URL from config.json not working HOT 6
- How to regenerate colors ?
- Update TailwindCSS to latest version
- Requirements error when trying to require htmlburger/wpemerge-theme within Bedrock HOT 3
- Replace node-sass to sass package.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from wpemerge-theme.