Bootstrap: Spacing between Stack Items

For non-frontend developers bootstrap is already an great way to get started, I've said that for years. However I find .net developers using custom styles rather then whats involved in bootstrap. Its why I created flavorstrap, for ppl creating custom styles to use extension or to keep the naming convections similar.
Margin utilities - ml-auto and When it stacked I recommend the following between the two items..
  <div class="d-block d-md-none col-12 py-3"></div>
That way it only appears when you need it to and prevent cells from being on top of each other for smaller screens. However with bootstrap 5 this solution is even easier. Using the new Spacing
style just follow the documentation, {property}{sides}-{breakpoint}-{size}.

Popular posts from this blog

Gitlab: Switching to Access Tokens with Your Repos

If you haven't yet switch to using Access Tokens for your repo clone. Enable your  Two-Factor Authentication and create an access token under your profile. I've done this with my gitlab and keep forgetting the quick way to update the path/command. Go to https:/// YOURGITLAB.com/ profile/two_factor_auth Then go to  https:// / YOURGITLAB.com/ profile/personal_access_tokens  create a token with the api setting. Now switching your remote url for your git is simple. Using this command.. git remote set-url origin http://USER:TOKEN@YOURGITLAB.com/repo.git If you have multiple origin urls you might have to remove them and add back an origin upstream and reset the origin master as the default upstream. This doesn't normally happen but I had a unique case where I had multiple urls for the origin where I was pushing to multiple repos for the same code. This probably won't be your case but I figure I might add this bit in.
Read more

Updating Razor 2.0 to 3.0 with Asp.net MVC

    Currently updating an application from Asp.net MVC 4.0 to MVC 5.0 but before I update MVC I wanted to update the Razor package. Since the MVC package is dependent on the Razor. So this article is about Razor 2 to Razor 3 and the problems I faced. Razor in my opinion Razor 3.0 (details in the link) is an awesome package in my opinion and I shudder to think anyone who writes Asp.net MVC applications using ASPX. For me the Razor syntax is an effective way to write visually clean code and because of this provide very low maintenance. Issues with Razor Updating from 2.0 to 3.0 As I updated I encounter numerous problem with the Razor package from 2.0 to 3.o and not only did it break my application but destroyed the Intellisense for Razor (mostly for ViewBags). So for my first problem... Inheritance security rules violated by type: 'System.Web.WebPages.Razor.WebPageRazorHost'. Derived types must either match the security accessibility of the base type or be less...
Read more

My Introduciton to Nodejs

Introduction  Much of the material here is based on the chapter 8 in the book:  Programming in HTML5 with Javascript and CSS3  and the  Nodes.js site . Getting started with Nodes.js "Nodes.js is built on the Google Chrome Javascript runtime" "The Platform implements an event-driven, non-blocking I/O model and is lightweight and efficient." "data-intensive,real-time applications that run across distributed devices." "executes your Javascript by using Google's V8 virtual machine" Download  Nodes.js and install, need to accept the licensing agreements.  HelloWorld.js var http= require('http') //" http module is a core built-in, low-level module highly optimized." http.createServer(function (request, response) { response.writeHead(200, {'Content-Type':'text/plain'}); response.end('Hello World from Nodes.js!\n'); console.log('Handled request'); }).listen(8080, ...
Read more