Monday, February 5, 2018

Training/Workshop

ibm partner world





NEWSPAPER online layout:

Installing Bootstrap



1. Include this code between your opening and closing <head> tag:

   
<link rel="stylesheet"        href="http://maxcdn.bootstarpcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

2. Include these lines of code immediately before your closing html </body> tag.



<!--- jQuery (needed for Bootstrap's javascri plugins)--->

     src="http://ajax.googleapi.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

     <!Bootstrap Javascript plugin file--->
     <script src="http//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

Bootstarp Editor



Dragging and dropping to a website:

  Bootstrap editor allow you to drag and drop components to create a layout.
⏩ Layoutit.com: Free online Bootstrap editor that allows you to drag and drop components and then download the source code
⏩ Jetstrap.com: Paid online drag-and-drop Bootstrap editor
⏩ Pingendo.com: Free downloadable drag-and-drop Bootstrap editor
⏩ Bootply.com: Free online Bootstrap editor with built-in templates to modify









No comments:

Post a Comment