Newspaper Publisher Acquires Worcester Magazine

first_img“It’s actually an appropriate title for a traditional newspaper to buy, because it reaches an audience that the traditional papers are losing, namely younger readers, as well as giving them some traction with advertisers they may not otherwise get,” said Kim Mac Leod, president of Regional Media Advisors, an M&A advisory company for the regional market. Looking forward, Charter said the possibility of converting Worcester to a glossy is “undetermined,” indicating that “many ideas are on the table.” One idea is to launch an annual glossy edition, he says. Alternative news weekly Worcester magazine has been acquired by newspaper publisher Holden Landmark Corp. The agreement is set to close before the end of the month.Terms of the deal were not disclosed.“From a market standpoint, connecting with a publication with 30-plus-year track record is a beautiful fit geographically for us,” Holden Landmark publisher Gareth Chater told FOLIO:. The company publishes five weekly newspapers in the greater Worcester, Massachusetts area—including its flagship Holden Landmark—as well as State Parent magazine.A newsprint tabloid distributed free at 500 locations around the city, Worcester magazine has a circulation of 34,000. “We couldn’t offer our advertisers penetration into the city [Worcester], and now we can,” Charter said. “We like the alternative city space. Given the decline of the metro dailies and the emergence of the Web, we think it has great potential.”last_img read more

Democrats Reject GOPs Omnibus Proposal over Policy Riders

first_imgDemocratic leaders on Wednesday slammed the Republicans’ opening offer for a fiscal 2016 omnibus spending bill over more than 30 “poison pill” add-ons covering policy issues including the environment, financial regulations and Syrian refugees.“Their offer wasn’t real. We couldn’t accept it,” said Rep. Nita Lowey (N.Y.), the top Democrat on the Appropriations Committee.“When you’re working on a bill that, you know, we hope can pass the House and the Senate, you don’t send over an offer … that’s going nowhere,” Lowey said, reported the Hill.On Wednesday night, Democrats said they intended to respond to the GOP with a counteroffer shortly. The back-and-forth comes as lawmakers are trying to strike a deal over a $1.1 trillion spending package before the current continuing resolution expires Dec. 11. Even though topline spending levels were agreed to in October’s two-year budget deal, Congress still needs to come to terms over 12 separate spending titles, including any language affecting federal policy.The Republican’s initial offer, however, did not touch most of the thousands of smaller, line-by-line agreements on funding levels and bill language struck by appropriations staff in recent weeks, reported CQ.The process is typical of high-level discussions conducted under a looming deadline, although the negotiations usually take place hidden from public view. In fact, Democrats said they will not be releasing any details on their response.Examples of provisions rejected by the Democrats include one scaling back Wall Street reforms and another adding hurdles to the screening process for refugees fleeing violence in Syria and Iraq, according to the Hill.White House Press Secretary Josh Earnest echoed the concerns of congressional Democrats about the objectionable riders, and said Republicans are “whistling past the graveyard of a government shutdown.” Earnest specifically pointed to Republican language on financial and environmental regulations, reported CQ. Dan Cohen AUTHORlast_img read more

NOW HIRING 10 New Job Openings In Wilmington

first_imgWILMINGTON, MA — Below are some of the newest job openings in Wilmington:Full-Time Environmental Analyst II at MassDEPFull-Time Purchasing Analyst III at Osram SylvaniaFull-Time Design & Solution Specialist at Heilind ElectronicsFull-Time Buyer at D.B. RobertsFull-Time Inside Sale Support at S.G. TorriceFull-Time Packaging Technician at Stuffed FoodsPart-Time Bus Driver at Windsor Place of WilmingtonFull-Time Head of Communications and Content at SOVOS ComplianceFull-Time Drain Cleaner at Drains By JamesPart-Time Package Handler at FedEx Warehouse(NOTE: Wilmington businesses — Feel free to send me your job postings at wilmingtonapple@gmail.com.)Like Wilmington Apple on Facebook. Follow Wilmington Apple on Twitter. Follow Wilmington Apple on Instagram. Subscribe to Wilmington Apple’s daily email newsletter HERE. Got a comment, question, photo, press release, or news tip? Email wilmingtonapple@gmail.com.Share this:TwitterFacebookLike this:Like Loading… RelatedNOW HIRING: 10 New Job Openings In WilmingtonIn “Business”NOW HIRING: 10 New Job Openings In WilmingtonIn “Business”NOW HIRING: 10 New Job Openings In WilmingtonIn “Business”last_img read more

Audi Disney bring VR games and movies into your car at CES

first_img More about 2019 Audi E-Tron 51 Photos News • 2019 Audi E-Tron SUV range and on-sale date released Now playing: Watch this: 2019 Audi E-Tron basking in the desert sun Comments CES 2019 Preview • 2019 Audi E-Tron: A worry-free, all-EV SUV Marvel CES Products Virtual Reality Disney Audi Iron Man The Avengers Editors’ note: Travel costs related to this feature were covered by the manufacturer. This is common in the auto industry, as it’s far more economical to ship journalists to cars than to ship cars to journalists. While Roadshow accepts multi-day vehicle loans from manufacturers in order to provide scored editorial reviews, all scored vehicle reviews are completed on our turf and on our terms. The judgments and opinions of Roadshow’s editorial team are our own and we do not accept paid editorial content. Specifically, Holoride will offer something called “elastic content,” automatically generated to suit each journey. A movie streamed on your iPad might be longer or shorter than your actual drive, for instance, but every one of Holoride’s experiences would automatically match up to the length of a route programmed in the car’s navigation system. 2020 BMW M340i review: A dash of M makes everything better CES 2019: Sci-fi gaming in Audi and Disney’s in-car VR… Tags In addition, the experience would be tailored to the drive route: In one demo, passengers “see” a cartoon-like, brightly colored town with intersections that match up to the real-world intersections the car is driving past. In another mock-up, users “fly” through a prehistoric landscape and turn left or right, soaring over dinosaurs, as the real-world car steers along the road.In Audi’s own words: “If the car turns a tight corner, the player curves around an opposing spaceship in virtual reality. If the Audi E-Tron accelerates, the ship in the experience does the same.”Audi and Disney's Holoride demonstrationIn reality, the Audi laps SpeedVegas. In virtual reality, Iron Man and Rocket wage a battle against alien hordes. Audi The idea is to give people something interesting to do when they’re riding as a passenger in a car, says Nils Wollny, Audi’s head of digital business, who will also be CEO of Holoride. That initially applies to human-driven cars, but it’s easy to imagine this type of entertainment working well in autonomous vehicles down the road.”There are a lot of passengers traveling in the back seat who have nothing to do,” Wollny told Roadshow. “In most cases, transit time feels like wasted time.” The VR demo really did bring me out of the world of riding in a car: Sure, I could feel the E-Tron moving around and accelerating and so on, but I found myself so immersed in the game that there was no real sense of what was happening. Now imagine that helping you avoid the monotony of, say, staring out the window on a long trip along the Ohio Turnpike. Audi and Disney's Holoride demonstrationThough Audi spearheaded Holoride, the ultimate goal is to allow the tech to work with cars from other automakers. Audi “Every street pattern turns into a canvas” for content creators, Wollny says, while “every back seat turns into a thrilling ride.” Because the twists and turns and elevation changes of a preplanned navigation route are known, thanks to the car’s built-in map data, Audi engineer Daniel Profendiner says, Holoride’s software can help create a virtual world that matches the real one. The game engine might be told not to place a digital obstacle near a highway exit, for instance, or might be shown when to make the game whip around to the left to match up with a hairpin bend in the real world.But what about motion sickness? One of the most interesting aspects of this virtual reality setup is that, Wollny says, people who use it are less likely to report feeling car sick than those simply watching a traditional tablet or phone. Because visual cues match up with the car’s real-world movements, you’re less likely to get that sinking feeling you might feel when, say, looking down to read text messages or Facebook updates in the car. Audi tested the tech with people who self-reported a high propensity for motion sickness, taking them on a 30-minute ride and asking how they felt afterward. Participants apparently didn’t feel that sick at all. “That basically solved one of the big problems,” Wollny says. Still, after my brief ride in the Audi, I was feeling rather nauseous. Another journalist seated alongside me also said he felt queasy. Of course, we were trying a demonstration VR experience while riding on a twisting and turning race track. A tamer route might not churn the stomach so much. Audi and Disney's Holoride demonstrationAn artist’s rendering of what the Holoride experience feels like. Audi It’s not just games Rocket’s Rescue Run is an incredibly fun demo of Holoride’s VR tech because it feels like you’re in an amusement park ride. And for Audi and Disney, the partnership with a Marvel Studios title made sense given the long history between the brands, such as Tony Stark driving Audis in Iron Man movies. But there are many other types of “elastic content” that Holoride could offer in the future. A space battle wouldn’t seem so exciting, after all, when riding on the flat, straight highways of the American Midwest. Profendiner suggests that Holoride’s technology could be used simply to watch a movie in the car with less motion sickness: The VR experience would present a screen ahead of the viewer. He also imagines experiences that let passengers time travel as they ride through a modern-day city while seeing how buildings looked in years past. “I can say perhaps let’s go minus 2,000 years [in Rome],” Profendiner told Roadshow. “Or you go to New York City in the 1920s.” Audi and Disney's Holoride demonstrationHoloride will initially be based in Munich, but Wollny says it could also open an office in the US. Audi An open platform Audi began working on Holoride technology about four years ago and brought Disney on board about 18 months ago. But the goal long-term is for it to be an open platform: anyone could produce content and it could work in any car. Though he’s cagey with details, Wollny seems to hint at a type of app store-like model where a user might buy experiences — movies, games and so on — for their Holoride device. Then the car would connect to your virtual reality headset with a wireless connection to provide information about your route and the car’s motion.Wollny says Holoride will launch an SDK (software development kit) for others to experiment with by the end of 2019, and plans to launch the system commercially by late 2020 or early 2021. That’s when, Wollny says, “next-generation” virtual-reality headsets will be available to take the technology mainstream.So in a few years’ time you might not bother cueing up a Spotify playlist or downloading a Netflix show to stay entertained on a road trip. Instead you might strap on your virtual reality headset and plunge into a virtual world, courtesy of Holoride. 2020 Kia Telluride review: Kia’s new SUV has big style and bigger value Share your voice 1:06 2020 Hyundai Palisade review: Posh enough to make Genesis jealous 3 A few years ago I drove a few laps around SpeedVegas, a 1.5-mile race track just south of the Las Vegas Strip. On Sunday night, I lapped SpeedVegas again, but this time I was fully immersed in a space battle alongside Rocket — you know, the raccoon from Guardians of The Galaxy — and Iron Man. As I sat in the back seat of an Audi E-Tron crossover, wearing an Oculus Rift virtual reality headset, Rocket encouraged me to “shoot” asteroids and rival drones as I “flew” through an outer-space environment.This was the first time the companies let anyone outside Audi and Disney try the VR game. Audi Let me be clear: It was awesome fun, and I’d happily buckle up for another round of the game. But, uh, what exactly is it? This game, called Marvel’s Avengers: Rocket’s Rescue Run, is the first demo product from Holoride, a new startup in which Audi will hold a minority stake. It’s the result of Audi and Disney’s promised new media format, which aims to bring virtual reality to passengers in cars. The VR experience is intended to match, visually, what the passengers feel as they ride: If the car turns, accelerates or brakes, the VR environment will do the same thing. And the “experience” — whether it’s a game or a movie or something else — will be automatically tailored to the length and movements of your drive route. More From Roadshow Auto Techlast_img read more

Kunchacko Boban blessed with a baby boy after 14 years social media

first_imgKunchacko Boban: FacebookMollywood star Kunchacko Boban has been blessed with a baby boy. Kunchacko’s wife Priya Ann Samuel delivered the baby on April 17, 2019, and the couple welcomed a new member to their family after waiting for fourteen years.Kunchacko Boban himself confirmed this news on his Facebook page, and he thanked everyone for their prayers and blessings.”Blessed with a Baby Boy. Thank you all for your Prayers, Care & Love!! Jr.Kunchacko gives his Love to all,” wrote Kunchacko Boban on his Facebook page.Kunchacko Boban’s Facebook post welcoming a new family member to his family has already gone viral, and as of now, it has racked up more than 78,000 likes, 10,000 comments, and 1,400 shares. In the comment section, people are pouring wishes, and they believe that a junior romantic prince has taken his birth in Kerala.Kunchacko Boban has been the most valuable romantic hero in Mollywood since his debut in the industry through ‘Aniyathipravu’ in 1997. Even though the actor is now 42-years-old, Mollywood movie buffs consider him as a youth icon, and all the credit goes to Chackochan’s spectacular physique, and graceful dance moves.Kunchacko is now busy with the works of his upcoming movie ‘Virus’ directed by Aashiq Abu. The film is based on the Nipah outbreak which happened in Kerala in 2018. As per reports, Kunchacko Boban is playing the role of Dr Suresh Rajan, a physician in a government hospital in this movie.Apart from Kunchacko Boban, ‘Virus’ also stars Asif Ali, Tovino Thomas, Rahman, Indrajith Sukumaran, Soubin Shahir, Sreenath Bhasi, Dileesh Pothan, Parvathy, Rima Kallingal and Remya Nambeesan in other prominent roles. The film is expected to hit the screens in Summer 2019.Kunchako’s recent release was ‘Allu Ramendran’. The film was directed by Bilahiri, and it emerged as an average success at the box-office.last_img read more

Endurance Technologies IPO Company fixes price band for initial public offering

first_imgEndurance Technologies, a Maharashtra-based auto components manufacturer, will hit the primary market on October 5 with its public issue of 24.6 million shares. The company has fixed the price band for the issue at Rs. 467-472 per equity share. The public issue closes on October 7.The initial public offering (IPO) comprises stake sale by existing investor Actis Components and System Investments Ltd., which is selling 19.3 million shares. The balance constitutes 5.3 million shares being offloaded by promoter Anurag Jain.Bids can be made for a minimum of 30 equity shares and in multiples of 30 equity shares thereafter.The shares will be listed on the Bombay Stock Exchange and the National Stock Exchange. Axis Capital Limited and Citigroup Global Markets India Private Limited are book running lead managers to the Rs. 1,161-crore public issue.Company snapshot (based on draft prospectus filed with Sebi):Net profit was Rs. 289.83 crore on sales of Rs. 5,240.55 crore in 2015-16.For FY2015 and FY2016, revenue from overseas sales was 31.3 percent and 32.5 percent, respectively, of total revenues.The top two customers are Bajaj Auto and FCA Italy S.p.A and its group companies in Europe.In FY2015 and FY2016, Bajaj represented 43.19 percent and 40.83 percent of net revenues from operations (including intermediary sales), respectively. FCA Italy S.p.A. represented 14.20 percent and 15.29 percent of net revenues from operations for FY2015 and FY2016, respectively.As of March 31, 2016, there were 1,945 employees working for the company.There are 18 manufacturing facilities in India.last_img read more

India EU ask Myanmar to implement Annan report

first_imgIndia and the European Union (EU) have urged Myanmar to implement the Kofi Annan-led Rakhine Advisory Commission’s recommendations and work with Bangladesh to return displaced persons to Northern Rakhine state, reports UNB.India and the EU also recognised the role being played by Bangladesh in extending humanitarian assistance to the people in need, according to India-EU joint statement issued during 14th India-EU Summit in New Delhi on Friday.The joint statement was issued after talks among Indian prime minister Narendra Modi, president of the European Council Donald Tusk and president of the European Commission Jean Claude Juncker.India and the EU expressed deep concern at the recent spate of violence in the Rakhine state of Myanmar that has resulted in the outflow of a large number of people from the state, many of whom have sought shelter in neighbouring Bangladesh.Both sides took note that this violence was triggered off by a series of attacks by Arakan Rohingya Salvation Army (ARSA) militants which led to loss of lives among the security forces as well as the civilian population.Both sides recognised the need for ending the violence and restoring normalcy in the Rakhine state without any delay.More than 5,15,000 Rohingyas have so far taken refuge in Bangladesh fleeing persecution in Rakhine state of Myanmar carried out by its military forces since 25 August.last_img read more

Hysteria Over Jade Helm Exercise In Texas Was Fueled By Russians Former

first_imgGraphic by Todd WisemanOperation Jade Helm 15, a military training exercise, began in the summer of 2015 in 12 Texas counties: Bastrop, Burleson, Brazos, Edwards, Howard, Hudspeth, Kimble, Martin, Marion, Real, Schleicher and Tom Green. It was also set to take place at Camp Bullis in San Antonio and Camp Swift in Bastrop County. A former director of the CIA and NSA said Wednesday that hysteria in Texas over a 2015 U.S. military training exercise called Jade Helm was fueled by Russians wanting to dominate “the information space,” and that Texas Gov. Greg Abbott‘s decision to send the Texas State Guard to monitor the operation gave them proof of the power of such misinformation campaigns. Michael Hayden, speaking on MSNBC’s Morning Joe podcast, chalked up peoples’ fear over Jade Helm 15 to “Russian bots and the American alt-right media [that] convinced many Texans [Jade Helm] was an Obama plan to round up political dissidents.”Abbott ordered the State Guard to monitor the federal exercise soon after news broke of the operation. Hayden said that move gave Russians the go-ahead to continue — and possibly expand — their efforts to spread fear.“At that point, I’m figuring the Russians are saying, ‘We can go big time,’” Hayden said on MSNBC’s Morning Joe podcast Wednesday of Abbott’s response. “At that point, I think they made the decision, ‘We’re going to play in the electoral process.’” Jade Helm 15 was a planned military training exercise that became a fascination of conspiracy theorists before it even began. The exercise, which spanned several states, began in Texas in Bastrop County in 2015 and was described by federal officials as routine. But some conspiracy theorists speculated that the exercise was a covert effort to institute martial law. Hayden was not CIA director at this time.Weeks before the exercise began, Abbott wrote a letter to the State Guard asking them to keep an eye on the operation so “Texans know their safety, constitutional rights, private property rights and civil liberties will not be infringed.” The move prompted significant criticism. Democrats questioned whether Abbott trusts the military. Even some Republicans — including former Lt. Gov. David Dewhurst — spoke out in support of the exercise. Former state Rep. Todd Smith accused Abbott of “pandering to idiots.” “I think it’s okay to question your government — I do it on a pretty regular basis,” former Gov. Rick Perry, who is now U.S. Energy Secretary, told reporters at the time. “The military’s something else.”A spokesperson for Abbott did not immediately return The Texas Tribune’s request for comment Thursday, but Democrats are already seizing on Hayden’s remarks to further criticize the governor for calling the State Guard to monitor the operation.“It doesn’t take an intelligence expert to see that Trump Republican Greg Abbott calling the Texas National Guard on the U.S. Military was downright idiocy,” Manny Garcia, the deputy executive director of the Texas Democratic Party, said in a news release. “Abbott still owes the men and women of our armed forces, and every single Texan, an apology.”Hayden was CIA director from 2006 to 2009. His allegation isn’t the first one connecting Russian misinformation campaigns and Texas. Last year, federal lawmakers revealed a trove of information from ads purchased on Facebook, including ones showing that two Russian Facebook pages managed to organize dueling rallies in front of a Houston mosque in 2016. Sharelast_img read more

Analysis An Immigration Fiasco On The USMexico Border In One Government Chart

first_imgSome get back to their families. Some end up alone, in the care of the United States of America.Most but not all of these immigrants were entering the country illegally, according to court testimony. And though it wasn’t the reason they were stopped in the first place, federal authorities say some of the adults bringing kids into the United States are not their parents. Some of the adults, it turns out, were baddies of various kinds.That’s why some of the kids who were separated aren’t being reunited with the adults they came in with. And since they were allowed to come into the country in the first place, many of those children are now wards of the federal government.To date, the minors appear to be victims, put in this situation first by the parents or other adults who brought them to the United States, then by a federal immigration apparatus ill-prepared to send them along their way, whether that’s outside of this country or into a well-defined system for immigrants seeking asylum here.We’ve adopted them, at least temporarily. It’s hard to believe that was the government’s desired outcome for immigration and border security policy.If the idea was that the kids and the adults who brought them shouldn’t be here at all, why not turn them all away at the border and be done with it?If the idea was that these kids should be brought into this country, placed with families, relatives or foster parents and put on a path to citizenship or deported, why would we deport parents while their kids are still in federal custody or care?U.S. immigration policy is so scrambled and politicized, the country can’t get this right from almost any point of view. And instead of examining intentions — sorting out what the congressional and executive branches were trying to do when they put their policies in place — it’s time to examine the results — intentional or not.The result is a big, big mess. And as it turns out, the government’s pictures are worth 1,000 words.Last week’s government art project showed what happened to the 103 infants and toddlers who were supposed to be reunited under a federal court order. The results were discouraging: 57 were reunited by the court-ordered deadline, while 46 were found to be “ineligible for reunification.” In 22 cases, the adults in question were themselves questionable, either because they had criminal histories, were not parents, were accused of child abuse or were themselves ill. The other two dozen had either been deported, jailed for other offenses or were in unknown locations. If they get the same results with the 2,551 kids the government now says are subject to court-ordered relocation, about 1,100 don’t have family reunions in their immediate futures.It’s probably safe to say Congress and the administration didn’t plan for things to come out this way.If we take these kids in, for whatever reason, we have to take care of them. It’s a new version of what was known as the Pottery Barn Rule when George W. Bush was president: You break it, you buy it. In those days, it applied to countries. Now it applies to immigrant families. Ivan Pierre Aguirre for The Texas TribunePablo Ortiz and his 3-year-old Andres, both from Guatemala, walk into the common area of the Annunciation House in El Paso on Wednesday, July 11, 2018. Ortiz and his son were separated by ICE in April and were reunited and released late Tuesday night.When did the feds get so fascinated with charts?The government’s latest visual aid is a flow chart showing the decision-making process for reunifying the children separated from adults as they entered the United States from Mexico. It’s really something. It shows three outcomes for separated children, and only one of them gets the kids home.Door #1 sends the kids to reunite with their families.Door #2, labeled “due diligence actions in the interest of the child,” is what happens — temporarily — to kids whose DNA doesn’t match the adults with whom they entered the country, those whose parents are not available or who don’t want to be reunited with their children, and those who fall ill while in the government’s care.Door #3 is marked “child remains in ORR [Office of Refugee Resettlement] care for placement.” Sharelast_img read more

Do You Really Need to Code

first_img Free Webinar | Sept. 9: The Entrepreneur’s Playbook for Going Global There’s so much you need to run a business: a great idea, access to capital, industry knowledge, passion. Should coding be on that list, too?Programming skills were high on the wish list of startup entrepreneurs at the recent SXSW Interactive festival in Austin, Texas. One reason: Investors seem to take a liking to those in-the-coding-know. During the Q & A portion of a panel called “Investor Spotting,” I witnessed one investor interrupt an entrepreneur who was trying to pitch his startup idea. “Do you code?” he asked. Big pause. “No,” the entrepreneur said, dejectedly. “I wish.” Opinions expressed by Entrepreneur contributors are their own. min read The market for online classes and night-school courses in programming is hot, according to the New York Times. A number of startups — including the touted Codeacademy — are catering to this new crop of coder wannebes, the paper reports. The thinking is that with so much business gravitating toward the Internet, it’s critical that today’s entrepreneurs learn the language of the computer — or at least enough that they won’t be left behind.Of course, programming skills aren’t everything — and startup entrepreneurs who don’t have them can still hire IT staff (if the budget allows) or outsource talent if need be. Many entrepreneurs with bright ideas but minimal computer skills pair up with technical co-founders, too.One item left out of all the recent discussion about coding: Sure, you can teach an entrepreneur how to code. But can you teach a programmer to be an entrepreneur? That’s a much trickier talent to learn. If you have to have one or the other, entrepreneurial abilities still seem far more valuable than fluency in HTML.Is it necessary for entrepreneurs to learn how to code? center_img March 28, 2012 Growing a business sometimes requires thinking outside the box. Register Now »last_img read more

How to use Bootstrap grid system for responsive website design

first_imgBootstrap Origins In 2011, Bootstrap was created by two Twitter employees (Mark Otto and Jacob Thornton) to address the issue of fragmentation of internal tools/platforms. Bootstrap aimed to provide consistency among different web applications that were internally developed at Twitter to reduce redundancy and increase adaptability and reusability. As digital creators, we should always aim to make our applications adaptable and reusable. This will help keep coherency between applications and speed up processes, as we won’t need to create basic foundations over and over again. In today’s tutorial, you will learn what a Bootstrap is, how it relates to Responsive Web Design and its importance to the web industry. When Twitter Blueprint was born, it provided a way to document and share common design patterns/assets within Twitter. This alone is an amazing feature that would make Bootstrap an extremely useful framework. With this more internal developers began contributing towards the Bootstrap project as part of Hackathon week, and the project just exploded. Not long after, it was renamed “Bootstrap” as we know and love it today, and was released as an open source project to the community. A core team led by Mark and Jacob along with a passionate and growing community of developers helped to accelerate the growth of Bootstrap. In early 2012 after a lot of contributions from the core team and the community, Bootstrap 2 was born. It had come a long way from being a framework for providing internal consistency among Twitter tools. It was now a responsive framework using a 12-column grid system. It also provided inbuilt support for Glyphicons and a plethora of other new components. In 2013, Bootstrap 3 was released with a mobile-first approach to design and a fully redesigned set of components using the immensely popular flat design. This is the version many websites use today and it is very suitable for most developers. Bootstrap 4 is the latest stable  release. This article is an excerpt taken from the book,’ Responsive Web Design by Example‘, written by Frahaan Hussain. Why use Bootstrap? You probably have a reasonable idea of why you would use Bootstrap for developing websites after reading its history, but there is more to it. Simply put, it provides the following: A responsive grid, using the design philosophies. Cross browser compatibility, using Normalize.css to ensure elements render consistently across all browsers (which isn’t a very easy task). You might be wondering why it’s difficult. Simply put, there are several different browsers, each with a plethora of versions, which all render content differently. I’ve seen some browsers put a border around an image by default, whereas some browsers don’t. This type of inconsistency will prove to be very bad for user experience. A plethora of UI components, by providing polished UI components as developers, we are going to bring our creativity to life in a much easier way. These components usually allow a team to increase their development velocity since they start from a solid tried and tested foundation. They not only provide good design, but they are usually implemented using best practices in terms of performance and accessibility. A very compact size with only a small footprint. Really fast to develop with, it doesn’t get in the way like many other frameworks, but allows your creativity to shine through. Extremely easy to start using Bootstrap in your website. Bundles common JavaScript plugins such as jQuery. Excellent documentation. Customizable, allowing you to remove any unnecessary features. An amazing community that is always ready, 24/7, to help. It’s pretty clear now that Bootstrap is an amazing framework and that it will help provide consistency among our projects and aid cross browser responsive design. But why use Bootstrap over other frameworks? There are endless responsive frameworks like Bootstrap out there, such as Foundation, W3.CSS, and Skeleton, to mention a few. Bootstrap, however, was one of the first responsive frameworks and is by far the most developed with an ever-growing community. It has documentation online, both official and unofficial, and other frameworks aren’t able to boast about their resources as much as Bootstrap can. Constantly being updated, it makes it the right choice for any website developer. Also, most JavaScript frameworks, such as Angular and React, have bindings to Bootstrap components that will reduce the amount of code and time spent binding it with another framework. It can also be used with tools such as SASS to customize  the components provided further. Bootstrap’s grid system First, let’s cover what a grid system is in general, regardless of the framework you choose to develop your amazing website on top of. Without using a framework, CSS would be used to implement the grid. However, a framework like Bootstrap handles all of the CSS side and provides us with easy-to-use classes. A responsive grid system is composed of two main elements: Columns: These are the horizontal containers for storing content on a single row Rows: These are top level containers for storing columns Your website will have at least one row, but it can have more. Each row can contain containers that span a set number of columns. For example, if the grid system had 100 columns, then a container that spans 50 would be half the width of the browser and/or parent element. Basics of Bootstrap Bootstrap’s grid system consists of 12 columns that can be used to display content. Bootstrap also uses containers (methods for storing the website’s content), rows, and columns to aid in the layout and alignment of the web page’s content. All of these employ HTML classes for usage and will be explained very shortly. The purpose of these are as follows: Columns are used to group snippets of the website’s content, and they, in turn, allow manipulation without disrupting the internal content’s flow. There are two different types of columns: .container: Used for a fixed width, which is set by Bootstrap .container fluid: Used for full width to span the entire browser Rows are used to horizontally group columns, which aids in lining up the site’s content properly: .row: There is only one type of row Columns mentioned previously are a way of setting how wide content should be. The following are the classes used for columns: .col-xs: Designed to display the content only on extra-small screens Max container width—none Triggered when the browser width is below 576px .col-sm: Designed to display the content only on small screens Max container width—540px Triggered when the browser width is above or equal to 576px and below 768px .col-md: Designed to display the content only on medium screens Max container width—720px Triggered when the browser width is above or equal to 768 and below 992px .col-lg: Designed to display the content only on large screens Max container width—960px Triggered when the browser width is above or equal to 992px and below 1200px .col-xl: Designed to display the content only on extra-large screens Max container width—1140px Triggered when the browser width is above or equal to 1200px .col: Designed to be triggered on all screen sizes To set a column’s width, we simply append an integer ranging from 1 to 12 at the end of the class, like so: .col-6: Spans six columns on all screen sizes .col-md-6: Spans six columns only on extra-small screen sizes Later in this chapter, we will run through some examples of how to use these features and how they work together. Usage and examples To use the aforementioned features, the structure is as follows: div with container class div with row class div with column class Content div with column class Content div with column class Content div with column class Content div with row class div with column class Content div with column class Content div with column class Content div with column class Content div with column class Content div with column class Content The following examples may have some CSS styling applied; this does not affect their usage. Equal width columns example We will start off with a simple example that consists of one row and three equal columns on all screen sizes. The following code produces the aforementioned result: You may be scratching your head in regards to the column classes, as they have no numbers appended. This is an amazing feature that will come in useful very often. It allows us, as web developers, to add columns easily, without having to update the numbers, if the width of the columns is equal. In this example, there are three columns, which means the three divs equally span their thirds of the row. Multi-row, equal-width columns example Now let’s extend the previous example to multiple rows: The following code produces the aforementioned result: As you can see, by adding a new row, the columns automatically go to the next row. This is extremely useful for grouping content together. Multi-row, equal-width columns without multiple rows example The title of this example may seem confusing, but you need to read it correctly. We will now cover creating multiple rows using only a single row class. This can be achieved with the help of a display utility class called w-100. The following code produces the aforementioned result: The example shows multiple row divs are not required for multiple rows. But the result isn’t exactly identical, as there is no gap between the rows. This is useful for separating content that is still similar. For example, on a social network, it is common to have posts, and each post will contain information such as its date, title, description, and so on. Each post could be its own row, but within the post, the individual pieces of information could be separated using this class. Differently sized columns Up until now, we have only created rows with equal-width columns. These are useful, but not as useful as being able to set individual sizes. As mentioned in the Bootstrap grid system section, we can easily change the column width by appending a number ranging from 1-12 at the end of the col class. The following code produces the aforementioned result: As you can see, setting the explicit width of a column is very easy, but this applies the width to all screen sizes. You may want it only to be applied on certain screen sizes. The next section will cover this. Differently sized columns with screen size restrictions Let’s use the previous example and expand it to change size responsively on differently sized screens. On extra-large screens, the grid will look like the following: On all other screen sizes it will appear with equal-width columns: The following code produces the aforementioned result: Now we are beginning to use breakpoints that provide a way of creating multiple layouts with minimal extra code to make use of the available real estate fully. Mixing and matching We aren’t restricted to choosing only one break-point, we are able to set breakpoints for all the available screen sizes. The following figures illustrate all screen sizes, from extra-small to extra-large: Extra-small: Small: Medium: Large: Extra-large: The following code produces the aforementioned results: It isn’t necessary for all divs to have the same breakpoints or to have breakpoints at all. Vertical alignment The previous examples provide functionality for use cases, but sometimes the need may arise to align objects vertically. This could technically be done with empty divs, but this wouldn’t be a very elegant solution. Instead, there are alignment classes to help with this as can be seen here: As we can see, you can align rows vertically in one of three positions. The following code produces the aforementioned result: We aren’t restricted to only aligning rows, we can easily align columns relative to each other, as is demonstrated here: The following code produces the aforementioned result: Horizontal alignment As we vertically aligned content in the previous section, we will now cover how easy it is to align content horizontally. The following figures show the results of horizontal alignment: The following code produces the aforementioned result: Column offsetting The need may arise to position content with a slight offset. If the content isn’t centered or at the start or end, this can become problematic, but using column offsetting, we can overcome this issue. Simply add an offset class, with the screen size to target, and how many columns (1-12) the content should be offset by, as can be seen in the following example: The following code produces the aforementioned result: Grid wrap up The examples covered so far will suffice for most websites. There are more techniques for manipulating the grid, which can be found on Bootstrap’s website. If you tried any of the examples, you may have noticed cascading from smaller screen-size classes to larger screen-size classes. This occurs when there are no explicit classes set for a certain screen size. Bootstrap components There are plethora of amazing components that are provided with Bootstrap, thus saving time creating them from scratch. There are components for dropdowns, buttons, images, and so much more. The usage is very similar to that of the grid system, and the same HTML elements we know and love are used with CSS classes to modify and display Bootstrap constructs. I won’t go over every component that Bootstrap offers as that would require an encyclopedia in itself, and many of the commonly used ones will be covered in future chapters through example projects. I would however recommend taking a look at some of the components on Bootstrap’s website. If you have found this post useful, do check out this book, ‘ Responsive Web Design by Example‘ to build engaging responsive websites using frameworks like Bootstrap and upgrade your skills as a web designer. Read Next: Get ready for Bootstrap v4.1; Web developers to strap up their boots Web Development with React and Bootstrap Bootstrap 4 Objects, Components, Flexbox, and Layoutlast_img read more