the-bootstrap | A responsive WordPress Theme based on Bootstrap | Content Management System library

I am attempting to use bootstrapping to get an average estimate of the MSE of my model. I am attempting to follow this guide, for context: https://machinelearningmastery.com/a-gentle-introduction-to-the-bootstrap-method/ Here is my code:

I'm tryng to open a Bootstrap 4 tab after page load. It does work if I refresh the page, but if I navigate within the site, I get a query selector empty error.

This is my code, that's basically a port I did of this https://webdesign.tutsplus.com/tutorials/how-to-add-deep-linking-to-the-bootstrap-4-tabs-component--cms-31180 because I'm using Bootstrap-native, so I had to rewrite it in vanilla Javascript.

I have list of rules, inside each rule there is property attribute, which it should be seted and geted from dropdown of attributes. In ng-repet I display all rules, that that every attrbute has the same ng-model, ng-controller and ng-change. This is probably confusing the application. I do not know how to set attrbiute on dropdown which is readed from ruleList[i].attribute. When selecting from dropdown, the right selectedAttribute is chooseen - ng-change. When want to set value from dropdown it does not work. How to add some index or something? I have writen it accorind to this example: http://www.infragistics.com/community/blogs/dhananjay_kumar/archive/2015/06/29/how-to-work-with-the-bootstrap-dropdown-in-angularjs.aspx

HTML code:

The official Angular Guide says: "Among other things, the bootstrapping process creates the component(s) listed in the bootstrap array and inserts each one into the browser DOM."

But it appears to me that I can't bootstrap components in my lazy loaded feature modules. When I route a specific url my feature module get's loaded (constructor is called) but the component defined in the bootstrap: [MyComponent] is neither rendered nor is the constructor or the ngOnInit function called. Am I doing something wrong?

app-routing.module.ts

Looks like half column sizing is doable in Boostrap 4.

I'm trying to do a basic responsive layout like the following. I realize they have to add to 12.

Column 1 (5.5) - Column 2 (1) - Column 3 (5.5)

This article seems to suggest it's possible? I want to ensure it keeps base gutters and spacing.

https://medium.com/wdstack/the-bootstrap-4-is-getting-odd-e9400b121719

What is the simplest way to achieve this? Something like:

Any tricks for making a div inside any column be able to extend to the right (or left) edge? I need to stick with a fixed container and not a fluid one. Also, because of the CMS, the "extended block" needs to remain in the markup (can't be a CSS pseudo element ).

https://codepen.io/mwmd/pen/eLPxOX

I've tried reading:

What is the purpose of .row in Bootstrap? and http://www.helloerik.com/the-subtle-magic-behind-why-the-bootstrap-3-grid-works

However, none of of them explains why my columns in the following code do not float left:

I have Bootstrap v4 problem. When the navbar switches to the hamburger icon on small screen, I'd like to add a phone icon so mobile users can easily use it, never scrolling down to the Contact section.

I've been trying to use Bootstrap docs regarding navbar and an example from Adding a phone and map icon to the left of the bootstrap hamburger icon (adjusting it to Bootstrap v4 by using d-md-none instead of obsoleted visible-xs). Also I've read through and tried every suggestion from Bootstrap 4 align navbar item to the right playing with mr-*, ml-*, justify-*, float-* but no success - when I resize viewport to the smaller screen, the icon appears yet it keeps get aligned under the brand or hamburger menu icon depending on what I use - mr-* or ml-*, but I want it to stick to the left of the hamburger icon and do not mess around.

Here is the latest iteration of what I have:

I'm using Bootstrap 4 Alpha 6 carousel plugin to interactive a div slider.

I want the right and left transparent buttons to be positioned to the extreme right and extreme left respectively, as shown in the image below.

I have tried changing the position and followed previous post method, but all does not work for my case.