As of today, Most of the youth is using their smartphones to access internet. If I want to create a basic website and want good response from public, I have to create that website responsive with mobile.
There are various size of devices, in which public access internet. My website is likely to get rated on basis of its responsive designing. If my website is not responsive, Visitors won’t stick to my website for long.
To create a good responsive website, with ease in CSS and HTML, I have to use Bootstrap Framework.
Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter, and released as an open source product in August 2011 on GitHub.
Responsive web design is about creating web sites which automatically adjust themselves to look good on all devices, from small phones to large desktops.
There are two methods to get Bootstrap in your Web design.
Download bootstrap from getbootstrap.com and host it yourself .
Extract your downloaded Bootstrap Zip file in your Public_HTML folder. Then include bootstrap.min.css file for bootstrap css. As Extraction Folders Named css, js and fonts will be inside Public_HTML folder.
You can include HTML using following code in <head> tag of your HTML file.
In this method you don’t need to download bootstrap and use your server space(Which barely uses 1.60 MB), you will use CDN as a source of bootstrap files. All you need to do is just use following code in <head> tag of your HTML file.
There is one more feature provided by Bootstrap, that is Glyphicons.
GLYPHICONS is a library of precisely prepared monochromatic icons and symbols, created with an emphasis on simplicity and easy orientation.
Bootstrap provides 260 glyphicons from the Glyphicons Halflings set.
Glyphicons can be used in text, buttons, toolbars, navigation, forms, etc. Those are same as fonts, so you can change color of glyphicons like fonts.
Here are some examples of glyphicons:
Music glyphicon :
Search glyphicon :
Eye glyphicon :
Shopping cart glyphicon :
This is how you can use glyphicons in your HTML web page.
That’s all What Bootstrap includes. We will include more about bootstrap in our next blog.
Thank you for reading this blog, ask your questions or give us your opinions in comment box. Hope this blog proved helpful to you. Share it with your friends.
2017 has been an incredibly exciting year, when it comes to smartphone launches. But that doesn’t mean, it will not get even better. So, Let’s…..
Most of us uses smartphone with 3G or 4G mobile networks, well mostly 4G after Jio Storm. But do you ever think what does it…..
Chinese Mobile manufacturer Lenovo made a great success with their Lenovo K series. Especially with Lenovo K3 Note, Lenovo K6 Power and Lenovo K6 Note……
Motorola’s best smartphone for 2017 is a thin, classy-looking handheld with a long-lasting battery. It’s compatible with Moto Mod accessories, and sold at a fair…..
Chinese Smartphone Manufacturer Vivo has making quite the market in India from two to three years. Vivo has risen to the top in trusted mobile…..
Chinese Smartphone Manufacturing Company Mi created many record with their Redmi Series in India. As you are aware of Xiaomi Redmi 4, which is a…..
You know, it is pretty easy to take words on your computer screen and put them on a physical sheet of paper. Just click print…..
Micromax is literally failing to make their mark on smartphone market again. There was a time when Micromax did shook every smartphone companies with their…..
It seems like the onward march of Wireless technology can not be stopped. I mean we keep flinging more and more stuff through the airwaves,…..
If you are shopping for a Wireless Router and they all seem to be more or less the same, you are getting kind of bored…..
With over 2 Million apps available on each of Apple’s App Store and Google Play Store, smartphones have grown to become far more versatile than…..
Moto is concentrating their all might on budget smartphones rather than High End smartphones. After giving a King of budget smartphones the Moto G5 Plus,…..
If you are into music, it might seem like there are just way to many audio formats to choose from. Can’t we just use Mp3…..
Coolpad and LeEco joined their forces to create the Coolpad Cool 1 Dual. This smartphone was announced soon after LeEco’s CEO Jia Yueting took place as…..
We are just 40 hours away from the official announcement of Oneplus 5. But there is no point of announcement when the exclusive look of the…..
If you have ever used the Internet, which you have probably done considering that you are reading this blog right now, you have almost certainly…..
Samsung has received tremendous response from the consumers with their Galaxy J series. As the tag line of the Galaxy J Series “Innovations for you”…..
Selfie Expert, this is the tag line for Oppo’s smartphones. Starting from the Oppo F1 to Oppo F3 plus, All those were Selfie Experts. This…..
Since Lenovo bought Motorola, we are getting smartphones with uniqueness. Each and every one of their smartphone has it’s own unique feature. Or if you…..
Today, I am going to tell you about all the features of Tesla Model S. So, What makes Tesla Model S such an advanced car……