Bootstrap Tables and Advanced HTML

-
Bootstrap Tables and Advanced HTML

Bootstrap Basic Table

A basic Bootstrap table has a light padding and only horizontal dividers.
The .table class adds basic styling to a table.
The .table-striped class adds zebra-stripes to a table.
The .table-responsive class adjust the table to adjust to different screen sizes i.e., the table will adjust its size (width and height) according to whether the device is a smart phone, a tablet or a laptop or a desktop.

To create a link to a specific section of a webpage, use <a href="index.html#top> and the destination element will be <a href="" name="top">
The second way to link to a specific section of a webpage, we should use the nav tag.
It contains an Id parameter.
For example, if id = "top" then we can jump to the destination section of the nav using <a href="index.html#top">

Header and Footers:

  • The header of the webpage contains the caption for a webpage. It is considered to be important for search engine optimisation.
    The default style for header is position:absolute and top:0 and left:0
  • The footer of the webpage contains the contact information feedback copywrite information and optionally a site map. It is considered to be inportant for search engine optimisation.
    The default style for footer is position:absolute and bottom:0 and right:0

  • Image sprites

    Image sprites are a mechanism to convert a huge image into an unlimited number of child images which are nothing but the part of the huge image.
    To achieve this use the background position property. It accepts 4 parameters :
    1. The X coordinate of the parent image
    2. The Y coordinate of the parent image
    3. The width of the child image
    4. The height of the child image

    For example, if we have a parent image which contains the flags of every country and we want to extract at any time only one cuntry's flag we use image sprites.
    The advantage of image sprite is that instead of storing multiple images we store pnly one image in memorty and dynamically generate images as and when we require it.

Comments

Post a Comment

Popular posts from this blog

Parallel Database design, query processing

-
Image
Parallel Database design, query processing, and case study In this post, we are going to analyze the concepts of Parallel Database design, query processing, and case study. Parallel database design Hardware Architecture Data partitioning Query processing Hardware Architecture Shared Memory Shared Disk> Shared Nothing Data Partitioning Partitioning a relation involves distributing its tuples over several disks Three Kinds – Range Partitioning Round-robin Partitioning Hashing Partitioning Range Partitioning is good for Ideal for point and range queries on the partitioning attribute Hash partitioning Ideal for point queries based on the partitioning attribute Ideal for sequential sca...
Read more

Laravel | PHP | Basics | Part 2

-
Image
Learning Laravel through Screenshots Caching Laravel by default supports multiple cache stores like memcached , redis ,etc. To install redis as a cache store, you should use composer install predis/predis predis stands for PHP redis The default port number is 6379 Every Cache store requires a prefix which is stored in the ENV file or in the config/cache.php Following are the cache stores supported by laravel Blade Templates Blade is a templating engine for views in laravel. All the files which are of type blade.php are having the extension .blade.php They are stored in the resources/views directory YOu can create suub-folders in the reosurces/views directory like layouts for all the common UI components lke header , footer, sidebar , navbar, menubar, serach bar, etc. To include the parenet ...
Read more

Apache Hadoop | Running MapReduce Jobs

-
Image
Apache Hadoop | Running MapReduce Jobs After setting up your environment and running the HDFS and YARN daemons, we can start working on running MapReduce jobs on our local machine. We need to compile our code, produce a JAR file, move our inputs, and run a MapReduce job on Hadoop. Step 1 - Configure extra environment variables As a preface, it is best to setup some extra environment variables to make running jobs from the CLI quicker and easier. You can name these environment variables anything you want, but we will name them HADOOP_CP and HDFS_LOC to not potentially conlict with other environment variables. Open the Start Menu and type in 'environment' and press enter. A new window with System Properties should open up. Click the Environment Variables button near the bottom right. HADOOP_CP environment variable This is used to compile your Java files. The backticks (eg. `some command here`) do not work on Win...
Read more