Category Archives: Bootstrap

how to know the bootstrap version in angular-cli

open the following file “../node_modules/bootstrap/dist/css/bootstrap.css”, can find the following from the header of the file /*! * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com) * Copyright 2011-2017 The Bootstrap Authors * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v5.0.0 … Continue reading

Posted in angular4, Bootstrap, Uncategorized | Leave a comment

install bootstrap with angular-cli

https://github.com/angular/angular-cli/wiki/stories-include-bootstrap Include Bootstrap Bootstrap is a popular CSS framework which can be used within an Angular project. This guide will walk you through adding bootstrap to your Angular CLI project and configuring it to use bootstrap. Using CSS Getting Started … Continue reading

Posted in angular4, Bootstrap, Uncategorized | Leave a comment

data not shown in UI

check to see if $scope.variable is there or not, variable itself won’t work, it will work only when it’s part of $scope

Posted in Bootstrap | Leave a comment

UI best practice

put only critical css inline and defer others to avoid render blocking

Posted in Bootstrap | Leave a comment

margin vs. padding

Padding is the space that’s inside the element between the element and the border. Padding goes around all four sides of the content and you can target and change the padding for each side with CSS. Margin is the space … Continue reading

Posted in Bootstrap | Leave a comment

bootstrap best practice

1. Know Use of ‘row’, ‘container’ and ‘container-fluid’ From the below code, you can identify the difference between ‘row‘ and ‘container‘: Hide   Copy Code .row { margin-right: -15px; margin-left: -15px; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; … Continue reading

Posted in Bootstrap | Leave a comment

container, row, column

viewport user’s visible area of the page container how many container can have in 1 page? can have multiple but no nested container due to padding and more, neither container is nestable is container mandatory? yes, otherwise element may not … Continue reading

Posted in Bootstrap | Leave a comment