Bootstrap

Image result for Bootstrap


BOOTSTRAP
  •   Bootsrap is framework of css.there are many frame to css.UIkit, Semantic UI, Bulma ,Tailwind etc. It is very easy to use.
  •   If you’re not familiar with how a framework like Bootstrap works, a few code examples will help, so you can see how easy it is to build maintainable interfaces by editing nothing but HTML.
  •   Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins
  •   Bootstrap also gives you the ability to easily create responsive designs

same bootstrap class are   forms :-.text-muted, .text-primary, .text-success, .text-info, .text-warning, .text-danger, .text-secondary, .text-white, .text-dark, .text-body (default body color/often black) and .text-light
  buttons :-.btn
  tables :-table
  navigation:-nav
  image:-.img-thumbnail,.rounded-circle

Comments

Post a Comment

Popular posts from this blog

CSS

Image
IT is a language that describes the style of an HTML document and describes how HTML elements should be displayed. When tags like <font>, and color attributes were added to the HTML 3.2 specification, it started a nightmare for web developers. Development of large websites, where fonts and color information were added to every single page, became a long and expensive process. To solve this problem, the World Wide Web Consortium (W3C) created CSS.CSS removed the style formatting from the HTML page! power of css                               A CSS rule-set consists of a selector and a declaration block                                                                     -ref in w3 school- There are the following three types of CSS: Inline CSS.(using in html elements) Internal CSS.(using in html head part) External CSS.(using in addisanal sheet)
Read more

Mongodb

Image
Basic commands on mongo shell  Show all available databases:  show dbs;  Select a particular database to access, e.g. mydb. This will create mydb if it does not already exist:   use mydb;  Show all collections in the database (be sure to select one first, see above):  show collections;  Show all functions that can be used with the database:  db.my db.help();  To check your currently selected database,use the command db  > db  mydb db.dropDatabase() command is us ed to drop a existing database.  db.dropDatabase() insert collection  We add tworecords to our collection test as: >db.test.insert({"key":"value1","key2":"Val2","key3":"val3"})  WriteResult({ "nInserted" : 1 }) > db.test.insert({"key":"value2","key2":"Val21","key3":"val31"})  WriteResult({ "nInserted" : 1 })  If we see them via find, they will look very
Read more