magento2 – Magento 2 – Install Bootstrap 4 (Script Error for: bootstrap)

I'm trying to install bootstrap 4. It's about the location of my custom theme:

app design frontend company base

I first downloaded the CSS and JS compiled d & # 39; here.

I have moved the file bootstrap.min.css at app design frontend company base web css bootstrap.min.css

and bootstrap.bundle.min.js at app design frontend company base web js bootstrap.bundle.min.js

Then I added the requirement of

app design frontend company base Magento_Theme requirejs-config.js

 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.

var config = {
    map: {
        '*': {
            'rowBuilder':             'Magento_Theme/js/row-builder',
            'toggleAdvanced':         'mage/toggle',
            'translateInline':        'mage/translate-inline',
            'sticky':                 'mage/sticky',
            'tabs':                   'mage/tabs',
            'zoom':                   'mage/zoom',
            'collapsible':            'mage/collapsible',
            'dropdownDialog':         'mage/dropdown',
            'dropdown':               'mage/dropdowns',
            'accordion':              'mage/accordion',
            'loader':                 'mage/loader',
            'tooltip':                'mage/tooltip',
            'deletableItem':          'mage/deletable-item',
            'itemTable':              'mage/item-table',
            'fieldsetControls':       'mage/fieldset-controls',
            'fieldsetResetControl':   'mage/fieldset-controls',
            'redirectUrl':            'mage/redirect-url',
            'loaderAjax':             'mage/loader',
            'menu':                   'mage/menu',
            'popupWindow':            'mage/popup-window',
            'validation':             'mage/validation/validation',
            'welcome':                'Magento_Theme/js/view/welcome',
            'breadcrumbs':            'Magento_Theme/js/view/breadcrumbs'
    paths: {
         'jquery/ui': 'jquery/jquery-ui'
        ,'bootstrap': 'Magento_Theme/js/bootstrap.bundle'
    shim: {
        'bootstrap': {
            'deps': ('jquery')
    deps: (
    config: {
        mixins: {
            'Magento_Theme/js/view/breadcrumbs': {
                'Magento_Theme/js/view/add-home-breadcrumb': true
            'jquery/jquery-ui': {
                'jquery/patches/jquery-ui': true

Then in default_head_blocks.xml I added the css:

app design frontend company base Magento_Theme layout default_head_blocks.xml


And last but not least, I added this line:


app design frontend hausfux base Magento_Theme templates html header.phtml

getWelcome ();

getShowPart ()):
case "welcome":?>
  • <span class = "connected" data-bind = "text: new String (& # 39;escapeHtml (__ ('Welcome,% 1! & # 39;% 1'))?> & # 39;) replace (% 1, client (). full name) "> <span class = "not connected" data-bind = "html:"escapeHtml ($ welcomeMessage)?> "& # 39;> getBlockHtml (& # 39; header.additional & # 39;)?>
  • getChildHtml ()?>

    At the end I performed php bin/magento cache:flush clear the cache.

    But I receive require.js:166 Uncaught Error: Script error for: bootstrap

    bootstrap 4 – Adds data to a table using Jquery

    Hi, I have a table created with bootstrap and I would like to know how to add new data with Jquery.

    Below the data of my table:

    Nome Telefone UF CPF
    José 83 988224455 PB 78965412368
    João 83 87549632 PB 96532147854
    Lavini 84 85965478 RN 78547865794 – wp_register_script does not manage to link to JS bootstrap

    This is my function to load the boot files.

    function load_js()
        wp_register_script('bootstrap', get_template_directory_uri() . '/js/bootstrap.min.js', 'jquery', false, true );     
    add_action('wp_enqueue_scripts', 'load_js');

    I would expect this to lead to:

    http: //site.test/wp-content/themes/themename/js/bootstrap.min.js

    But instead he does:

    http: //site.test/wp-content/themes/themenamejs/bootstrap.min.js

    Bootstrap with Laravel – Stack Overflow

    I typed the command php artisan make:auth to create login and authentication routes, create views and the template.
    Since I'm using version 6.5.1 of Laravel, the command php artisan make:auth does not work. I have therefore typed the following command lines:

    composer require laravel/ui --dev
    php artisan ui vue --auth

    I typed one after the other and it worked. The problem is the visual part, all in mess, forms, fonts and buttons.
    I believe it's related to Bootstrap.

    Advanced Custom Fields – ACF Flexible Content with Bootstrap Carousel Repeater

    I'm trying to add a counter for each instance of this flexible content carousel built with Bootstrap. I've tried several ways to count with the while statement. What would be the right way to count so that I could add a unique identifier to each carousel? Thank you

    plugin development – Stuck when adding the navwalker bootstrap class in WordPress

    I am stuck when adding the Bootstrap Navwalker class in WordPress. Everything goes well, but when you reduce the screen to the mobile view, the menu disappears. However, the search box is always displayed.

    enter the description of the image here




    // add theme options
    // include Bootstrap Navwalker class
    if ( ! file_exists( get_template_directory() . '/class-wp-bootstrap-navwalker.php' ) ) {
        // File does not exist... return an error.
        return new WP_Error( 'class-wp-bootstrap-navwalker-missing', __( 'It appears the class-wp-bootstrap-navwalker.php file may be missing.', 'wp-bootstrap-navwalker' ) );
    } else {
        // File exists... require it.
        require_once get_template_directory() . '/class-wp-bootstrap-navwalker.php';
    // meanus
            'top-menu' => 'Top Menu Location',
            'mobile-menu' => 'Mobile Menu Location',
            'footer-menu' => 'Footer Menu Location',

    Does bootstrap break the separation of concerns and goes against the goal of CSS?

    Although I know of some bootstrap sites, I have just started to look at this seriously and I've been pretty shocked by what I've seen in HTML – loads of nested divs with multiple classes attached. to each one.

    Previously, before CSS, people decorated their HTML code with fonts, colors, etc., which was considered a "bad thing". CSS has allowed the HTML to be very clean and free of style information. This is the "separation of concerns" that is considered a "good thing".

    Although the style in bootstrap has a level of indirection (that is, it references class names rather than specifying colors directly, etc.), it does not matter if the bootstrap style is indirect. Actually, it's about reinstating the style information in the HTML code instead of using CSS as expected.

    Do not get me wrong, I wrote to CSS to find out how hard it is to maintain, so I do not understand how the bootstrap was born. My question is really whether bootstrap is perceived as a hack for those who want to quickly destroy a site without worrying about the separation of concerns, or if it is considered a good practice to keep the style information close to the code HTML (which you could argue is a kind of encapsulation) rather than bundling everything into a separate file (that is, CSS was not really the right solution).

    error in drupal bootstrap theme

    error in drupal

    Of course, I've installed the bootstrap_library module too, but there are

    twitter bootstrap – Unable to import src files from the gulp command

    This is a command file. It can not import src files or display an error. I want to configure the boot environment. Can any one help

    $ gulp
        throw err;
    AssertionError (ERR_ASSERTION): Task function must be specified
        at Gulp.set (as _setTask) (E:bootstrap4mybootstrapnode_modulesundertakerlibset-task.js:10:3)
        at Gulp.task (E:bootstrap4mybootstrapnode_modulesundertakerlibtask.js:13:8)
        at Object. (E:bootstrap4mybootstrapgulpfile.js:21:6)
        at Module._compile (internal/modules/cjs/loader.js:956:30)
        at Object.Module._extensions..js (internal/modules/cjs/loader.js:973:10)
        at Module.load (internal/modules/cjs/loader.js:812:32)
        at Function.Module._load (internal/modules/cjs/loader.js:724:14)
        at Module.require (internal/modules/cjs/loader.js:849:19)
        at require (internal/modules/cjs/helpers.js:74:18)
        at execute (C:UsersFarookAppDataRoamingnpmnode_modulesgulp-clilibversioned^4.0.0index.js:36:18) {
      generatedMessage: false,
      code: 'ERR_ASSERTION',
      actual: false,
      expected: true,
      operator: '=='