How to bootstrap trust in an on-premise environment?

As part of moving from few on-premise monoliths to multiple on-premise microservices, I’m trying to improve the situation where database passwords and other credentials are stored in configuration files in /etc.

Regardless of the the technology used, the consumer of the secrets needs to authenticate with a secret store somehow. How is this initial secret-consumer-authenication trust established?

It seems we have a chicken-and-egg problem. In order to get credentials from a server, we need to have a /etc/secretCredentials.yaml file with a cert, token or password. Then I (almost) might as well stick to the configuration files as today.

If I wanted to use something like HashiCorp Vault (which seems to be the market leader) for this, there is a Secure Introduction of Vault Clients article. It outlines three methods:

  • Platform Integration: Great if you’re on AliCloud, AWS, Azure, GCP. We’re not
  • Trusted Orchestrator: Great if you’re using Terraform, Puppet, Chef. We’re not
  • Vault Agent: The remaining candidate

When looking at the various Vault Auth Methods available to the Vault Agent, they all look like they boil down to having a cert, token or password stored locally. Vault’s AppRole Pull Authentication article describes the challenge perfectly, but then doesn’t describe how the app gets the SecretID 🙁

The only thing I can think of is IP address. But our servers are all running in the same virtualization environment, and so today, they all have random IP addresses from the same DHCP pool, making it hard to create ACLs based on IP address. We could change that. But even then, is request IP address/subnet sufficiently safe to use as a valid credential?

We can’t be the first in the universe to hit this. Are there alternatives to having a /etc/secretCredentials.yaml file or ACLs based on IP address, or is that the best we can do? What is the relevant terminology and what are the best-practices, so we don’t invent our own (insecure) solution?

Is there a risk of a bootstrap problem when using NTS?

Reading up on the NTP protocol wikipedia page as well as blog posts about NTS, it appears like NTS uses TLS to start the encrypted connection. From what I understand, TLS might not work properly if there is a significant difference in time between the server and client. If so, doesn’t using NTS mean that if the client system time is misconfigured, the NTS call might fail because the TLS connection can’t be established?

Bootstrap Menu Toggle not workin

I created a menu using Bootstrap, when I try it statically in a static html page it works without problems, but when I try in a wordpress-theme page it doesn’t work. I tried with Navwalker, but the problem it’s not here because the menu doesn’t work also if not dinamic.

When I click the toggle menu button, links appears for a moment, so they disappears again. Also sticky-top doesn’t work.

function blankbootstrap_scripts() {     wp_enqueue_style('bootstrap-main-css', get_template_directory_uri() . '/bootstrap/css/bootstrap.min.css');      if(!is_admin()) {         wp_deregister_script('jquery');         wp_register_script('jquery', includes_url('/js/jquery/jquery.js'), array(), false, true);         wp_enqueue_script('jquery');          //bootstrap scripts         //wp_register_script('popper-script', get_template_directory_uri() . '/bootstrap/js/popper.min.js', 'jquery', false, true);         //wp_enqueue_script('popper-script');          wp_register_script('bootstrap-script', get_template_directory_uri() . '/bootstrap/js/bootstrap.min.js', 'jquery', false, true);         wp_enqueue_script('bootstrap-script');      }     wp_enqueue_style( 'blankbootstrap-style', get_stylesheet_uri() );      wp_enqueue_script( 'blankbootstrap-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true );      wp_enqueue_script( 'blankbootstrap-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true );      if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {         wp_enqueue_script( 'comment-reply' );     } } add_action( 'wp_enqueue_scripts', 'blankbootstrap_scripts' ); 

HTML

<nav class="navbar navbar-expand-md navbar-dark bg-dark sticky-top">       <button class="navbar-toggler" data-toggle="collapse" data-target="#collapse_target">         <span class="navbar-toggler-icon"></span>       </button>        <div id="collapse_target" class="collapse navbar-collapse">         <a class="navbar-brand"><img src="img/ic_terrain_white_18dp.png" style="height: 1em;"></a>         <span class="navbar-text">Example1</span>          <!-- bg-primary, bg-success, bg-warning, bg-info, bg-danger, bg-light -->         <ul class="navbar-nav">           <li class="nav-item">             <a class="nav-link" href="#">Item1</a>           </li>           <li class="nav-item dropdown">             <a class="nav-link dropdown-toggle" data-target="dropdown_target" data-toggle="dropdown" href="#">               Item2               <span class="caret"></span>             </a>             <ul class="navbar-nav">               <div class="dropdown-menu" aria-labelledby="dropdown_target">                 <a class="dropdown-item">Sub1</a>                 <a class="dropdown-item">Sub2</a>                 <div class="dropdown-divider"></div>                 <a class="dropdown-item">Sub3</a>               </div>             </ul>           </li>           <li class="nav-item">             <a class="nav-link" href="#">Item3</a>           </li>           <li class="nav-item">             <a class="nav-link" href="#">Item4</a>           </li>         </ul>       </div>      </nav> 

WordPress + Bootstrap: Replace primary navigation menu on mobile?

So, I have a site that has a main navigation bar at the top and a secondary nav in the sidebar. The secondary nav includes the same links in the main nav but with dropdowns for the child pages. It works fine on desktop but when the navs collapse, I get two navbars at the top, basically showing the same thing. So, I’m thinking, for mobile, since the sidebar nav is just a more detailed version of the main nav, I just need to replace the menu in the main nav with the menu in the sidebar then hide the sidebar.

Essentially, I need to switch the sidebar menu location for mobile with a different menu. But, I a bit stumped on how to do that.

Here’s my header.php:

    <header id="masthead" class="site-header fixed-top <?php echo wp_bootstrap_starter_bg_class(); ?>" role="banner">         <div class="container-fluid">             <nav class="navbar navbar-expand p-0 flex-column flex-md-row px-0">                 <div class="navbar-brand">                     <?php if ( get_theme_mod( 'wp_bootstrap_starter_logo' ) ): ?>                         <a href="<?php echo esc_url( home_url( '/' )); ?>">                             <img src="<?php echo esc_url(get_theme_mod( 'wp_bootstrap_starter_logo' )); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>">                         </a>                     <?php else : ?>                         <a class="site-title" href="<?php echo esc_url( home_url( '/' )); ?>"><?php esc_url(bloginfo('name')); ?></a>                     <?php endif; ?>                  </div>                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-nav" aria-controls="" aria-expanded="false" aria-label="Toggle navigation">                     <span class="navbar-toggler-icon"></span>                 </button>                   <?php                  wp_nav_menu(array(                 'theme_location'    => 'primary',                 'container'       => 'div',                 'container_id'    => 'main-nav',                 'container_class' => 'collapse navbar-collapse d-flex justify-content-end',                 'menu_id'         => false,                 'menu_class'      => 'navbar-nav',                 'depth'           => 3,                 'fallback_cb'     => 'wp_bootstrap_navwalker::fallback',                 'walker'          => new wp_bootstrap_navwalker()                 ));                 ?>             </nav>         </div>     </header><!-- #masthead --> 

Here’s my sidebar.php

<aside id="secondary" class="widget-area col-md-3 col-xl-2 sidebar" role="complementary">      <?php dynamic_sidebar( 'sidebar-1' ); ?>              <nav class="navbar sidebar-nav navbar-light">                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#secondary-nav" aria-controls="" aria-expanded="false" aria-label="Toggle navigation">                     <span class="navbar-toggler-icon"></span>                 </button>                                  <?php                                 wp_nav_menu(array(                                 'theme_location'    => 'sidebar',                                 'container'       => 'div',                                 'container_id'    => 'secondary-nav',                                 'container_class' => 'collapse navbar-collapse',                                 'menu_id'         => false,                                 'menu_class'      => 'navbar-nav flex-column',                                 'depth'           => 3,                                 'fallback_cb'     => 'wp_bootstrap_navwalker::fallback',                                 'walker'          => new wp_bootstrap_navwalker()                                 ));                                 ?>              </nav>  </aside><!-- #secondary --> 

Bootstrap & what for building a directory like website ?

Hi guys,

I am not particularly active here because I am more or less capable to find and solve my wordpress/SEO related problems just by googling or searching through these forums but here am I looking for some help.

To make a long story short, I would like to build a "directory" like website similar to "freetechbooks" where users can filter and search for specific items. It is written that "freetechbooks" was build with Bootstrap but isn't Bootstrap front-end CSS framework only and when…

Bootstrap & what for building a directory like website ?

WordPress child theme not responsive on mobile screen using Bootstrap 4x

I’ve created a child theme and also enqueued Bootstrap 4.3 in it. The site works fine on desktop screen however when I reduce the screen size, the list-group and cols are not stacking up, instead, they show up as follows

enter image description here

Following is the footer code

enter image description here

Following is the function’s code

enter image description here

Can someone kindly help me out with making it responsive in small screens?

Cargar pagina, con vĂ­deo pausado en BOOTSTRAP

Estoy haciendo una pĂĄgina web mediante angular y bootstrap. El problema es que al cargar un video mediante un iframe, el video se inicia y con sonido. lo cual es muy molesto.

CĂłmo puedo configurar los parĂĄmetros?

<div class="embed-responsive embed-responsive-16by9 wow fadeInRight">    <iframe class="embed-responsive-item" src="../../../assets/img/alfarim.mp4"</iframe> </div> 

Como desplegar ventana modal de bootstrap con condicional de jquery?

No tengo mucho conocimiento sobre bootstrap. Quiero hacer una condicion para desplegar la ventana modal. Si los campos A y B estan vacĂ­os, quiero mostrarla. de lo contrario no se debe mostrar. Este es mi codigo:

if(username=='undefined' && password=='undefined'){   	 	console.log(username);   	 	 $  ('#myModal').modal({   	 	 	show:true   	 	 });   	 	login.username="";login.password="";   	 }else{   	 	$  ('#myModal').modal({   	 	 	show:false   	 	 });   	 }
<form> <button type="button" data-toggle="modal" data-target="#myModal" class="btn btn-info" ng-click="login.ingresar()">Aceptar</button>                        </form>            <!-- Modal --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">   <div class="modal-dialog" role="document">     <div class="modal-content">       <div class="modal-header">         <button type="button" class="close cerrarModal" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>                </div>       <div class="modal-body">         ...       </div>       <div class="modal-footer">         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>         <button type="button" class="btn btn-primary">Save changes</button>       </div>     </div>   </div> </div>

Lo que necesito en si es validar unos campos, para lo que quiero desplegar una ventana modal con los errores en caso de que los campos esten vacios, pero cuando no lo esten, necesito que el formulario se envĂ­e. Pueden darme una guĂ­a porfis? Actualmente se muestra esten o no esten llenos los campos

not able to override bootstrap css in my style sheet

I have created my own stylesheet and wish to override some bootstrap functionality. I am referencing css in my .aspx page as below

<SharePoint:CssRegistration name="&lt;% $  SPUrl:~sitecollection/_catalogs/masterpage/MyStyles/Stylesheet1.css %&gt;"   runat="server"   after="pagelayouts15.css"/> 

Now i want to override and remove this code from bootstrap-custom.css

*, *:before, *:after { -webkit-box-sizing: content-box;  -moz-box-sizing: content-box; box-sizing: content-box; } 

So i wrote below in my stylesheet

*, *:before, *:after { -webkit-box-sizing: content-box !important;  -moz-box-sizing: content-box !important; box-sizing: content-box !important; } 

But still not working. My page is still not behaving correctly. When i press F12 i see following

enter image description here

So it looks like that boostrap-custom.css again overwrites my css. How can i fix this?