Place Bar Code Below Print Form: Fill & Download for Free

I am also surprised. It may seem like mission impossible but we never know if it can be done after it is finished (just like those 2 newly built hospitals)Personally I haven’t got any news from the community about how this would be carried out so I will not comment further. I will update as soon as this test begins.I can say that the 3rd grade students, as well as all the teachers in my middle school as well as my high school had all been tested before they got back to school, which was roughly a week ago. So I guess the ability to test people is there, whether there will be a massive test for everyone and how it would be carried out remains to be seen.Updating after one hour, 10PM, March13thI contacted the community worker who takes care of all people in my apartment building as well as 2 more. She is one of the many community workers who take care of our neighborhood.She said that this new 11 million test idea was put forward because that we had 7 new confirmed patients popping up out of no where yesterday.(‘Out of no where’ means that they had no clear contact with anyone) They were asymptomatic after they were tested positive and they showed syptoms after several days of self-quarantine.She is now giving out a form via Wechat to ask residents to fill out. We will submit our names, IDs, addresses, phone numbers, ages and whether we had a covid-19 test or not. According to her after this submission data is collected, there might be a free nucleic test for those who haven’t been tested. This is a new order from the government so more details are still being discussed.I believe that this new 11 million test is mainly aimed at old people as they are the most vulnerable. The reason I make this statement is that all working adults had been tested near 8th April when the lockdown ended and they returned to work. Everyone will need to be tested before they return to their jobs. The young also got tested when they returned to school. That leaves out the old among whom many are still living like it is hell out there. There are many elderly people in my community and they told me that they are still afraid to go out because they are afraid they would catch the virus. Many did refrain from going out of the community and have their supplies delivered to their doors via online orders.So I believe this is a new policy that will mainly benefit the old. I will update later as more details unveil. Stay tuned.Updating at 1AM,16th May.They started to test people yesterday. The communities that first finished collecting the data get to get tested first and mine was not a quick runner:)Honestly the details of how this test would be carried out were sent out on 13th May, I just did not see it from my community notices. I will translate several parts of these documents about the details.1, The nucleic acid test is free for this time.2, Residents who had a previous nucleic acid test more than a month ago will need to get retested.3, This test is for all that normally lives in the district.5, The test should be carried out in an open area. The doctors will come to the community to do the tests. (The first community that finishes collecting the data get to start the testing first)6, All that were registered should be tested in 8 days, no more than 10 days.8, Kids below 6 should do not do this test.If the test is taken outdoor, then it should be an open cool airy area. Temporary tents would be set along with tables, chairs with backrest and stools. When taking noon breaks the whole area need to be disinfected using bleach.If the test is taken indoor, then it should have a spilt type air conditioner and the room should be sealed and disinfected every 4 hours. Apart from the tables,chairs and stools, there should also be a register table at the door with chairs.Every community will need 3 workers to help with the test. For every 4–5 thousand residents there should be a team of 7 doctors to do the nucleic test. For each community there should be 2 police officers to help maintain order and guard security.All residents should take this test. Every person who is of the following 9 types will need to take the test.1, The confirmed cases, The asymptomatic positive ones, suspected cases as well as those who had close contact with them. Also all those who are having a fever.2, All School workers. teachers, support workers etc. (those whose jobs are related to the education system)3, Medical workers. (those whose jobs are related to medical system)4, Public transportation workers, including metro system workers,bus drivers ,taxi drivers who were appointed to communities during the ourbreak etc.5, Bank workers and supermarket workers.6, Volunteers and community workers who did their job during the outbreak.7, Civil Servants.8, Those who returned to Wuhan from foreign districts.9, Those who will leave Wuhan to work in other districts.So Wu Hao is correct as it did not mention the old people in this notice. And just like him I also believe that everyone would just end up getting tested.I received the notice from my community worker 5 hours ago in the wechat group. She told us that the test for all residents in my apartment building (4th in 6 buildings) would begin at 9 AM this sunday and last for about 40 mins. The 5th and 6th would then follow to take the test. The residents in the first 3 apartment buildings would be tested this saturday, today.She also said that for all residents we need to take our ID, a smartphone and a spare mask with us. We need to consume no water or food before 1 hour of the test. Those who were confirmed cases, suspected cases, close contacts and ones with fever would take the test another time to avoid a potential spread.I would be updating today (after a roughly 7 hours’ sleep?) when I go down to see how this test is commencing for the residents in the first 3 apartment buildings. I am curious just like everyone else by now.Updating at 11 PM May 16th.The temporary tents have been set on my community’s basketball playground this morning and the residents of the first 3 apartment buildings have been tested this afternoon.These are from my friend who took the test today. His community provides both nucleic test.My test is on tomorrow morning. I will need to take some rest now…Updating at 10 AM May 17th.I took the test 1 hour ago.Below were taken before I took the test as the medical workers put on their protective gears and community workers start setting fences. Several elderly people got up early in the morning and went down to queue to get tested earlier.The test starts at around 8:30 and the steps are as follows:1, Registration Area where IDs are checked into the system to see if it has been registered (I filled out the registration form online 3 days ago so my ID is in the system) and register those who haven’t.2, Material Distribution Area. You get a number according to the registration form and workers use that number to find the bar code that matches your name and put that bar code on the tubes. For example my ID is 1234567 and they will find my ID on the registration form where my test number is A44. I then tell the other 2 workers my number A44 and they will find the 2 bar codes that matches my name and number. They will then stick the bar codes on the 2 different tubes that will be later used for tests before they hand them to me. On the right are the workers who are looking for the matching bar codes as there are just too many of them. They said that it might be better if they had just moved the bar code printing machine here and to print on spot instead of finding the printed codes.3, Nucleic Test Area. A smaller one of the 2 tubes is for the nucleic test. I believe many have done this where they stick that into your throat to get the sample. It is really quick, few seconds and it is done. Nucleic test is a must-take for all residents in Wuhan unlike the antibody test. Only several districts of Wuhan City provide free antibody test and that includes Wuchang District where I am currently living in.This is the volunteer who tested me. He called out ‘handsome’ to me while I was approaching. We had a good chat. LOL. Damn he might be much more ‘handsome’ without those protective gears but he is definitely much more professional and protected in those suits.4, Antibody Test Area. Blood sample from the vein. The longer tube is for this where the doctors draw the blood into it. So it is not a ‘get the result right on the scene’ kind of test as they will get it tested later on, but it still gets the job done. They said that both results would be sent online when it came out.After I finished testing, I talked to some workers who are not that busy. They said that 10 days’ limit was for each individual districts and not for Wuhan city as a whole. They told me that they only tested about 300 people in my community yesterday afternoon and the original plan to finish the test this morning for the community as a whole is very likely to be extended to the whole day. So it IS a hard job to test all those people in such a short time but I do hope they get it done. More medical workers and more community workers will surely push this task further.Updating at 9 AM May 18th.The team of medical workers did stay in my community to test until about 6PM yesterday. But it was already pretty empty by 3 PM last afternoon as most people in my community had already been tested by then. They stayed for a few more hours because they would not be able to test another community as it is getting late.According to the notice, I will receive my test results in less than 48 hours and I can look it up online once it came out. It is said that about 4–5% people who had been tested have the antibody which is a little higher than expected. I have a strange feeling that I have the antibody…Pure guess though.But the test has not finished in my community. There are mainly 2 types of people who have not been tested. The old who had trouble walking, standing and waiting (especially in the sun); The ones who were confirmed cases or suspected cases. The community workers told me that they would arrange for another time to test these people door to door to better help these more vulnerable groups of people. I appreciate the effort they poured into caring these people as that is what caring means. There are also some people who did not register in time and cannot get the bar code to do the test. They will wait for further notice from the community.The medical team in my community yesterday will be moving to test another neighboring community today. That community is much bigger than mine and that means longer time would be taken and more teams would be sent. I am waiting to see the result from them.Updating at 14 PM May 19th.I got my antibody test result from the wechat platform of the hospital from which the team of medical workers who tested my community were selected. Both are negative. So it seems my instincts were wrong after all :) The nucleic test result has not yet come out but I suppose it will within 24 hours. I guess I will have to keep waiting.My aunt and uncle who is living in the same community with my family got both their test results. That includes the nucleic test results and their results are also negative. Many in my community have received both test results and I wonder why is my nucleic test results not coming out…10 AM May 21th.Still no nucleic results. I am getting a little anxious as many in my community have already received both their results. I am quite sure that they have tested my sample and I suspect that they made a mistake when uploading the results.Meanwhile many other communities are still undergoing tests and it would possibly go for a few more days than expected. We will wait for the official report until the end of this massive test.Also Robin Daverman has a perfect answer to why this test took place. It is mostly about boosting confidence. 50 days have passed and Wuhan is still slowly recovering, much slower than other parts of the country. People are afraid to come here and there are incidents where locals are discriminated against in other provinces despite their health code shows they are healthy. Most restaurants still have much much less customers than ususal and businesses are suffering. I talked to a restaurant owner and he told me that he expect this to continue to maybe September when college students came back to study in Wuhan (Wuhan has a lot of universities).Despite reopened, Wuhan is still not fully back to normal and we need some confidence in the people, and in the city, to help it recover. A massive test will surely do the job.Robin Daverman's answer to Do you think China will really test all 11 million Wuhan residents for Coronavirus (Covid-19)?Updating at 11PM May 23th.I did not update for 2 days because I was preparing for my exam and it was exhausting…I received my nucleic test result yesterday and it was negative. According the officials the nucleic test results will be then linked to the health QR code which works like a pass. The QR code is what everyone needs to get access to places. Green code give you access to almost everywhere while the yellow and red ones limit your access.This screenshot below contains several personal information and so I blurred some of them. On the top there is my name and ID number. In the middle there is the green health code which says I am healthy (at least covid free). On the bottom there is the nucleic test result.You may notice that there are 2 closed eyes with the shape of eyelashes on the right side of the screen. Once tapped, those 2 eyes will open and reveal the true information next to them instead of the dots just in case that you may not want it to be noticed.Meanwhile more of my friends are getting tested in other districts of the city. You may notice that the community where my friend lives even provides stools for everyone in the line which is more considerate compared to mine:( Residents in my community had to bring their own chairs when waiting:(My community worker told us 2 hour ago that the people who hadn’t registered during my community’s test will need to go to another nearby community to get tested. That is about 800m and some complain that there are quite some old people and they may have trouble getting there. The community worker responds that there will be community volunteers who will be there to help them.There are questions as to this 10 day limit and I explained that according to medical workers in my community this limit is for each individual districts, not the city as a whole. But I suspect they will get it done within 10days anyway. I will be going to that nearby big community next monday to see how their tests are doing. Maybe it will all be finished by then.Updating at 11AM May 25th.My community notifies us this morning in the wechat group that today is the last day of this city wide free test and those who miss this chance will need to get tested on their own if they need test results to go to work or visit other places.The goverment also texted everyone saying that whoever missed the test will be given another chance to register before 17 PM, May 26th, tomorrow in order to get tested free of charge.So it seems they did manage to pull off this massive test in 10 days as every communities did provide a free test opportunity for every residents.At least this is the situation in my community. I am satisfied with what they provide and it has shown positive results. My teacher said that the one major benefit of this massive test is that as there are very few people who have been tested positive, people are confident to go out more and to have fun. She and her family went out to a farm to pick up strawberries yesterday which is a clear sign that confidence is back. I am looking forward to seeing tourism back in summer and I wish that is not just a fantasy :)

I work for Tetra Pak. I design dairy and beverage plants for a living.These are the basic steps, if we are talking about fresh milk.(For recombined milk (milk powder) the process is a whole lot different.)1. Of course, milking the cows both automated or manual. In the west and big dairies, it's usually the former. Sucking cups are put on the udders of the cows, and a hose connected to the cups which takes the milk to tanks for intermediate storage.These dairies are highly organised. The herds get into queues at the time of milking, walk through pathways and stand in their milking stations. The milking process has to be a relaxing and soothing experience for the cows. its sometimes accompanied with some lounge music.Cross-bred and well fed cows can produce up to 60 litres of milk in a day.If these cows are not milked at the right times, it can actually kill them.2. The milk is thermized at around 60-65 degrees C to quickly take out the most harmful microorganisms. It's heated only when the transportation takes a long time.Then it's cooled down to 5, and filled in road tankers which would take it to the dairy plant.3. At the dairy plant, the milk is first received using a hose and then cooled down again just to be sure, filtered through a mesh and then stored in huge silos which can go up to 500k litres in size. Even bigger in New Zealand. That's nothing in oil and gas, but pretty big for us in the dairy business.And now we have the milk traveling at velocities like 1.5 m/s through stainless steel pipes, being pumped from one tank to another. Hundreds of valves and sensors on its way. Flow being diverted around. Again, possible both with automation and manually.The level of automation that can be achieved is quite amazing.The bar code below your own milk carton can tell you which road tanker it belonged to and subsequently, which few cows gave this milk. We call it traceability.4. We can mix chocolate, strawberry, sugar, milk solids etc in the milk, whatever that sells. So many different ways of doing that. Can be one different answer.5. Now we pasteurise the milk based on the idea of a certain French guy. He said there are two things needed to kill off harmful stuff, temperature and time. Pasteurisation means heating at 70 degrees C for fifteen seconds or so. This varies in the US, based on their health regulations. Heating is done in plate heat exchangers, where the media is hot water. These machines called pasteurisers also have a separator to take out the cream as much you like.You get skimmed milk when we take out all of the cream. And then this cream and milk are separately sold as special products with special benefits for their consumers. Win-win situation for the seller.After standardising the fat content, we homogenise the milk. This is to break down the fat globules so they never get back together. We do that by forcing the milk through a very tiny gap at high pressure like 150-250 bar.That is why you never see a cream layer forming in the package or your glass of milk.Although in unprocessed milk which we have in the countryside, it's quite common. Oh how I love to eat that thick creamy layer off the milk, when back in India. You might find it gross.Cows milk has 4 percent fat while the buffalo milk which we mostly drink in North India has around 8 percent.6. If we're selling fresh milk, we directly go to the filling machines after this step. fill it in plastic bottles which need to consumed within 3-4 days and have to be stored in a cool and dry place. So the transport has to be refrigerated as well. And so it ends up in your fridge.ORIf the carton in your fridge(if open) or outside is made up of six layers of cardboard, aluminium and plastic(patented by Tetra Pak until recently), which are aseptic(no contact with the outside world), then we are talking about a special kind of milk called UHT milk.7. After pasteurisation, we have to heat the milk again - at ultra high temperatures. Here you heat at about 140 degrees C for 4 seconds and quickly cool down to ambient. The idea is to kill all the bugs, even the ones that go into a dormant stage at pasteurisation temperatures. Even the ones that are sleeping or doing nothing, practically everything. It's called Aseptic technology. Not so popular in the US.8. After this, you have to make sure that the milk has no contact with the environment, which we do by using steam barriers. These are small walls of steam between a milk pipe and the outside. This is a very energy consuming and complicated process.9. Then we fill this milk in cartons using aseptic filling machines.The aseptic filling machines shape the paper into a tetrahedron/brick, fill it with milk, seal it using heat and all this without letting any microorganisms get into the pack. Pretty cool.These filling machines are fed with rolls of paper with colourful animals and brand names. This paper and the filling machine, are both supplied by us i.e. Tetra Pak. We manufacture and print the special paper with six different material layers, at our factories.10. After filling the carton with milk, we have a conveyor belt on which the cartons of different sizes from 200ml to 2 L all line up in a queue and keep passing through different stations. First to get a date and time stamp, then to get a straw or a cap attached on them, then to get stacked into bigger hardboard boxes, then into pallets, then to fork lifts and all the way to the truck.Now you can store these cartons anywhere you like, and if sealed, drink the milk anytime in the next two years or so. Usually the shelf life is said to be 6 months by the producer.The transportation is easy and inexpensive too. No need to refrigerate.Ruben Rausing the founder of Tetra Pak, came up with the idea of storing milk in paper cartons in the 1950s and revolutionised the dairy industry forever.Before him, milk was stored in glass bottles which were reused after consumption. Difficult to transport due to their fragility and shape, unhygienic to re-use and costing a lot to manufacture.The Swede believed that the package should save more than it costs. And he was mighty successful at it. Cartons are inexpensive, safe and easy to transport. Stackable, not so fragile, light weight, ergonomic designs and so on.The first shape was the Tetrapak classic - the tetrahedron - the one on the extreme left. Hence the name of our company.Other shapes and sizes followed as technology progressed.In India, any kind or brand(yes, we have competition) of carton is called a Tetra Pak.

.activeAdds a grey background color to the table row (<tr> or table cell (<td>) (same color used on hover)Try itTables.activeAdds a gray background color to the active link in a default navbar. Adds a black background and a white color to the current link inside an inverted navbar.Try itNavbar.activeAdds a blue background color to the active list item in a list groupTry itList Groups.activeAdds a blue background color to simulate a "pressed" buttonTry itButtons.activeAnimates a striped progress barTry itProgress Bars.activeAdds a blue background color to the active dropdown item in a dropdownTry itDropdowns.activeAdds a blue background color to the active pagination link (to highlight the current page)Try itPagination.affixThe Affix plugin allows an element to become affixed (locked/sticky) to an area on the page. It toggles position:fixedon and offTry itAffix.alertCreates an alert message boxTry itAlerts.alert-dangerRed alert box. Indicates a dangerous or potentially negative actionTry itAlerts.alert-dismissableTogether with the .close class, this class is used to close the alertTry itAlerts.alert-infoLight-blue alert box. Indicates some informationTry itAlerts.alert-linkUsed on links inside alerts to add matching colored linksTry itAlerts.alert-successGreen alert box. Indicates a successful or positive actionTry itAlerts.alert-warningYellow alert box. Indicates caution should be taken with this actionTry itAlerts.badgeCreates a circular badge (grey circle - often used as a numerical indicator)Try itBadges.bg-dangerAdds a red background color to an element. Represents danger or a negative actionTry itHelpers.bg-infoAdds a light-blue background color to an element. Represents some informationTry itHelpers.bg-primaryAdds a blue background color to an element. Represents something importantTry itHelpers.bg-successAdds a green background color to an element. Indicates success or a positive actionTry itHelpers.bg-warningAdds a yellow background color to an element. Represents a warning or a negative actionTry itHelpers.breadcrumbA pagination. Indicates the current page's location within a navigational hierarchyTry itPagination.btnCreates a basic button (gray background and rounded corners)Try itButtons.btn-blockCreates a block level button that spans the entire width of the parent elementTry itButtons.btn-dangerRed button. Indicates danger or a negative actionTry itButtons.btn-defaultDefault button. White background and grey borderTry itButtons.btn-groupGroups buttons together on a single lineTry itButton Groups.btn-group-justifiedMakes a group of buttons span the entire width of the screenTry itButton Groups.btn-group-lgLarge button group (makes all buttons in a button group larger - increased font-size and padding)Try itButton Groups.btn-group-smSmall button group (makes all buttons in a button group smaller)Try itButton Groups.btn-group-xsExtra small button group (makes all buttons in a button group extra small)Try itButton Groups.btn-group-verticalMakes a button group appear vertically stackedTry itButton Groups.btn-infoLight-blue button. Represents informationTry itButtons.btn-linkMakes a button look like a link (get button behavior)Try itButtons.btn-lgLarge buttonTry itButtons.btn-primaryBlue button.Try itButtons.btn-smSmall buttonTry itButtons.btn-successGreen button. Indicates success or a positive actionTry itButtons.btn-warningYellow button. Represents warning or a negative actionTry itButtons.btn-xsExtra small buttonTry itButtons.captionAdds a caption text inside a .thumbnailTry itImages.caretCreates a caret arrow icon, which indicates that the button is a dropdownTry itDropdowns.carouselCreates a carousel (slideshow)Try itCarousel.carousel-captionCreates a caption text for each slide in the carouselTry itCarousel.carousel-controlContainer for next and previous linksTry itCarousel.carousel-indicatorsAdds little dots/indicators at the bottom of each slide (which indicates how many slides there is in the carousel, and which slide the user are currently viewing)Try itCarousel.carousel-innerContainer for slide itemsTry itCarousel.center-blockCenters any element (Sets an element to display:block with margin-right:autoand margin-left:auto)Try itHelpers.checkboxContainer for checkboxesTry itInputs.checkbox-inlineMakes multiple checkboxes appear on the same lineTry itInputs.clearfixClears floatsTry itHelpers.closeIndicates a close iconTry itHelpers.col-*-*Responsive grid (span 1-12 column). Extra small devices Phones (< 768px), Small devices Tablets (≥768px), Medium devices Desktops (≥992px), Large devices Desktops (≥1200px). Column values can be 1-12.Try itGrid.col-*-offset-*Move columns to the right. These classes increase the left margin of a column by * columnsTry itGrid.col-*-pull-*Changes the order of the grid columnsTry itGrid.col-*-push-*Changes the order of the grid columnsTry itGrid.collapseIndicates collapsible content - which can be hidden or shown on demandTry itCollapse.collapse inShow the collapsible content by defaultTry itCollapse.containerFixed width container with widths determined by screen sites. Equal margin on the left and right.Try itContainers.container-fluidA container that spans the full width of the screenTry itContainers.control-labelAllows a label to be used for form validationTry itForms.dangerAdds a red background to the table row (<tr> or table cell (<td>). Indicates a dangerous or potentially negative actionTry itTables.disabledDisables a button (adds opacity and a "no-parking-sign" icon on hover)Try itButtons.disabledDisables a dropdown item (adds a grey text color and a "no-parking-sign" icon on hover)Try itDropdowns.disabledDisables a pagination link (cannot be clicked - adds a grey text color and a "no-parking-sign" icon on hover)Try itPagination.disabledDisables a list item in a list group (cannot be clicked - adds a grey background color and a "no-parking-sign" icon on hover)Try itList Groups.dividerUsed to separate links in the dropdown menu with a thin horizontal borderTry itDropdowns.dl-horizontalLines up the terms <dt> and descriptions <dd> in <dl> elements side-by-side. Starts off like default <dl>s, but when the browser window expands, it will line up side-by-sideTry itTypography.dropdownCreates a toggleable menu that allows the user to choose one value from a predefined listTry itDropdowns.dropdown-headerUsed to add headers inside the dropdown menuTry itDropdowns.dropdown-menuAdds the default styles for the dropdown menu containerTry itDropdowns.dropdown-menu-rightRight-aligns a dropdown menuTry itDropdowns.dropdown-toggleUsed on the button that should hide and show (toggle) the dropdown menuTry itDropdowns.dropupIndicates a dropup menu (upwards instead of downwards)Try itDropdowns.embed-responsiveContainer for embedded content. Makes videos or slideshows scale properly on any deviceTry itImages.embed-responsive-16by9Container for embedded content. Creates an 16:9 aspect ratio embedded contentTry itImages.embed-responsive-4by3Container for embedded content. Creates an 4:3 aspect ratio embedded contentTry itImages.embed-responsive-itemUsed inside .embed-responsive. Scales the video nicely to the parent elementTry itImages.fadeAdds a fading effect when closing an alert boxTry itAlerts.form-controlUsed on input, textarea, and select elements to span the entire width of the page and make them responsiveTry itForms.form-control-feedbackForm validation classTry itInputs 2.form-control-staticAdds plain text next to a form label within a horizontal formTry itInputs 2.form-groupContainer for form input and labelTry itForms.form-inlineMakes a <form> left-aligned with inline-block controls (This only applies to forms within viewports that are at least 768px wide)Try itForms.form-horizontalAligns labels and groups of form controls in a horizontal layoutTry itForms.glyphiconCreates an icon. Bootstrap provides 260 free glyphicons from the Glyphicons Halflings setTry itGlyphicons.has-dangerAdds a red color to the label and a red border to the input, as well as an error icon inside the input (used together with .has-feedback)Try itForms.has-feedbackAdds feedback icons for inputs (checkmark, warning and error signs)Try itForms.has-successAdds a green color to the label and a green border to the input, as well as a checkmark icon inside the input (used together with .has-feedback)Try itForms.has-warningAdds a yellow/orange color to the label and a yellow/orange border to the input, as well as a checkmark icon inside the input (used together with .has-feedback)Try itForms.help-blockA block of help text that breaks onto a new line and may extend beyond one line.Try itInput Sizing.hiddenForces an element to be hidden (display:none)Try itHelpers.hidden-*Hides content depending on screen sizeTry itHelpers.hideDeprecated. Use .hidden insteadTry itHelpers.h1 - .h6Makes an element look like a heading of the chosen class (h1-h6)Try itTypography.icon-barUsed in the navbar to create a hamburger menu (three horizontal bars)Try itNavbar.icon-nextUnicode icon (arrow pointing right), used in carousels. This is often replaced with a glyphiconTry itCarousel.icon-prevUnicode icon (arrow pointing left), used in carousels. This is often replaced with a glyphiconTry itCarousel.img-circleShapes an image to a circle (not supported in IE8 and earlier)Try itImages.img-roundedAdds rounded corners to an imageTry itImages.img-thumbnailShapes an image to a thumbnail (borders)Try itImages.inFades in tabsTry itTabs.infoAdds a light-blue background to the table row (<tr> or table cell (<td>). Indicates a neutral informative change or actionTry itTables.initialismDisplays the text inside an <abbr>element in a slightly smaller font sizeTry itTypography.input-groupContainer to enhance an input by adding an icon, text or a button in front or behind it as a "help text"Try itInputs.input-group-lgLarge input groupTry itInputs.input-group-smSmall input groupTry itInputs.input-group-addonTogether with the .input-group class, this class makes it possible to add an icon or help text next to the input fieldTry itInputs.input-group-btnTogether with the .input-group class, this class attaches a button next to an input. Often used as a search barTry itInputs.input-lgLarge input fieldTry itInput Sizing.input-smSmall input fieldTry itInput Sizing.invisibleMakes an element invisible (visibility:hidden). Note: Even though the element is invisible, it will take up space on the pageTry itHelpers.itemClass added to each carousel item. May be text or imagesTry itCarousel.jumbotronCreates a padded grey box with rounded corners that enlarges the font sizes of the text inside it. Creates a big box for calling extra attention to some special content or informationTry itJumbotron.labelAdds a grey rounded box to an element. Provides additional information about something (e.g. "New")Try itLabels.label-dangerRed labelTry itLabels.label-infoLight-blue labelTry itLabels.label-successGreen labelTry itLabels.label-warningYellow labelTry itLabels.leadIncrease the font size and line height of a paragraphTry itTypography.leftUsed to identify the left carousel controlTry itCarousel.list-groupCreates a bordered list group for <li>elementsTry itList Group.list-group-itemAdded to each <li> element in the list groupTry itList Group.list-group-item-headingCreates a list group heading (used on other elements besides <li>)Try itList Group.list-group-item-textUsed for item text inside the list group (used on other elements besides <li>)Try itList Group.list-group-item-dangerRed background color for a list item in a list groupTry itList Group.list-group-item-infoLight-blue background color for a list item in a list groupTry itList Group.list-group-item-successGreen background color for a list item in a list groupTry itList Group.list-group-item-warningYellow background color for a list item in a list groupTry itList Group.list-inlinePlaces all list items on a single line (horizontal menu)Try itTabs.list-unstyledRemoves all default list-style (bullets, left margin, etc.) styling from a <ul> or <ol> listTry itTypography.markHighlights text: Highlighted textTry itTypography.mediaAligns media objects (like images or videos - often used for comments in a blog post etc)Try itMedia Objects.media-bodyText that should appear next to a media objectTry itMedia Objects.media-headingCreates a heading inside the media objectTry itMedia Objects.media-listNested media listsTry itMedia Objects.media-objectIndicates a media object (image or video)Try itMedia Objects.modalIdentifies the content as a modal and brings focus to itTry itModals.modal-bodyDefines the style for the body of the modal. Add any HTML markup here (p, img, etc)Try itModals.modal-contentStyles the modal (border, background-color, etc). Inside this, add the modal's header, body and footer, if neededTry itModals.modal-dialogSets the proper width and margin of the modalTry itModals.modal-footerThe footer of the modal (often contains an action button and a close button)Try itModals.modal-headerThe header of the modal (often contains a title and a close button)Try itModals.modal-lgLarge modal (wider than default)Try itModals.modal-openUsed on the <body> element to prevent page scrolling (overflow:hidden)Try itModals.modal-smSmall modal (less width)Try itModals.modal-titleThe title of the modalTry itModals.nav nav-tabsIndicates a tabbed menuTry itTabs.nav nav-pillsIndicates a pill menuTry itTabs.nav .navbar-navUsed on a <ul> container that contains the list items with links inside a navigation barTry itNavbar.nav-justifiedCenters tabs/pills. Note that on screens smaller than 768px the items are stacked (content will remain centered)Try itTabs.nav-stackedVertically stack tabs or pillsTry itTabs.nav-tabsCreates a tabbed menuTry itTabs.navbarCreates a navigation barTry itNavbar.navbar-brandAdded to a link or a header element inside the navbar to represent a logo or a headerTry itNavbar.navbar-btnVertically aligns a button inside a navbarTry itNavbar.navbar-collapseCollapses the navbar (hidden and replaced with a menu/hamburger icon on mobile phones and small tablets)Try itNavbar.navbar-defaultCreates a default navigation bar (light-grey background color)Try itNavbar.navbar-fixed-bottomMakes the navbar stay at the bottom of the screen (sticky/fixed)Try itNavbar.navbar-fixed-topMakes the navbar stay at the top of the screen (sticky/fixed)Try itNavbar.navbar-formAdded to form elements inside the navbar to vertically center them (proper padding)Try itNavbar.navbar-headerAdded to a container element that contains the link/element that represent a logo or a headerTry itNavbar.navbar-inverseCreates a black navigation bar (instead of light-grey)Try itNavbar.navbar-leftAligns nav links, forms, buttons, or text, in the navbar to the leftTry itNavbar.navbar-linkStyles an element to look like a link inside the navbar (anchors get proper padding and an underline on hover, while other elements like p or span gets a default hover effect - white color in an inversed navbar and a black color in a default navbar)Try itNavbar.navbar-navUsed on a <ul> container that contains the list items with links inside a navigation barTry itNavbar.navbar-rightAligns nav links, forms, buttons, or text in the navbar to the right.Try itNavbar.navbar-static-topRemoves left, top and right borders (rounded corners) from the navbar (default navbar has a gray border and a 4px border-radius by default)Try itNavbar.navbar-textVertical align any elements inside the navbar that are not links (ensures proper padding)Try itNavbar.navbar-toggleStyles the button that should open the navbar on small screens. Often used together with three .icon-bar classes to indicate a toggleable menu icon (hamburger/bars)Try itNavbar.nextUsed in the carousel control to identity the next controlTry itCarousel.nextUsed to align pager buttons to the right side of the page (next button)Try itPager.page-headerAdds a horizontal line under the heading (+ adds some extra space around the element)Try itPage Header.pagerCreates previous/next buttons (used on <ul> elements)Try itPager.paginationCreates a pagination (Useful when you have a web site with lots of pages. Used on <ul> elements)Try itPagination.pagination-lgLarge pagination (each pagination link gets a font-size of 18px. Default is 14px)Try itPagination.pagination-smSmall pagination (each pagination link gets a font-size of 12px. Default is 14px)Try itPagination.panelCreates a bordered box with some padding around its contentTry itPanels.panel-bodyContainer for content inside the panelTry itPanels.panel-collapseCollapsible panel (toggle between hiding and showing panel(s))Try itCollapse.panel-dangerRed panel. Indicates dangerTry itPanels.panel-infoLight-blue panel. Indicates informationTry itPanels.panel-successGreen panel. Indicates successTry itPanels.panel-warningYellow panel. Indicates warningTry itPanels.panel-footerCreates a panel footer (light background color)Try itPanels.panel-groupUsed to group many panels together. This removes the bottom margin below each panelTry itPanels.panel-headingCreates a panel header (light background color)Try itPanels.panel-titleUsed inside a .panel-heading to adjust the styling of the text (removes margins and adds a font-size of 16px)Try itPanels.popoverPopup-box that appears when the user clicks on an elementTry itPopover.pre-scrollableMakes a <pre> element scrollable (max-height of 350px and provide a y-axis scrollbar)Try itHelpers.prevUsed in carousels to indicate a "previous" linkTry itCarousel.previousUsed to align pager buttons to the left side of the page (previous button)Try itPager.progressContainer for progress barsTry itProgress Bars.progress-barCreates a progress barTry itProgress Bars.progress-bar-dangerRed progress bar. Indicates dangerTry itProgress Bars.progress-bar-infoLight-blue progress bar. Indicates informationTry itProgress Bars.progress-bar-stripedCreates a striped progress barTry itProgress Bars.progress-bar-successGreen progress bar. Indicates successTry itProgress Bars.progress-bar-warningYellow progress bar. Indicates warningTry itProgress Bars.pull-leftFloat an element to the leftTry itHelpers.pull-rightFloat an element to the rightTry itHelpers.rightUsed to identify the right carousel controlTry itCarousel.rowContainer for responsive columnsTry itGrid.showShows an element (display:block)Try itHelpers.smallCreates a lighter, secondary text in any headingTry itTypography.sr-onlyHides an element on all devices except for screen readersTry itHelpers.sr-only-focusableHides an element on all devices except for screen readersTry itHelpers.successAdds a green background color to a table row (<tr> or table cell (<td>). Indicates success or a positive actionTry itTables.tab-contentUsed together with .tab-pane to creates toggleable/dynamic tabs/pillsTry itTabs.tab-paneUsed together with .tab-content to creates toggleable/dynamic tabs/pillsTry itTabs.tableAdds basic styling to a table (padding, bottom borders, etc)Try itTables.table-borderedAdds borders on all sides of the table and cellsTry itTables.table-condensedMakes a table more compact by cutting cell padding in halfTry itTables.table-hoverCreates a hoverable table (adds a grey background color on table rows on hover)Try itTables.table-responsiveMakes a table responsive (adds a horizontal scrollbar when needed)Try itTables.text-capitalizeIndicates capitalized textTry itTypography.text-centerCenter-aligns textTry itTypography.text-dangerRed text color. Indicates dangerTry itTypography.text-hideHides text (helps replace an element's text content with a background image)Try itTypography.text-infoLight-blue text color. Indicates informationTry itTypography.text-justifyIndicates justified textTry itTypography.text-leftAligns the text to the leftTry itTypography.text-lowercaseChanges text to lowercaseTry itTypography.text-mutedGrey text colorTry itTypography.text-nowrapPrevents the text from wrappingTry itTypography.text-primaryBlue text colorTry itTypography.text-rightAligns text to the rightTry itTypography.text-successGreen text color. Indicates successTry itTypography.text-uppercaseMakes text uppercaseTry itTypography.text-warningYellow/orange text color. Indicates warningTry itTypography.thumbnailAdds a border around an element (often images or videos) to make it look like a thumbnailTry itImages.tooltipPopup-box that appears when the user moves the mouse pointer over an elementTry itTooltip.visible-*Deprecated as of v3.2.0. Used to show and/or hide content by device. Note: Use .hidden-* insteadTry itHelpers.visible-print-blockDisplays the element (display:block) in print (pre)view Helpers.visible-print-inlineDisplays the element (display:inline) in print (pre)view Helpers.visible-print-inline-blockDisplays the element (display:inline-block) in print (pre)view Helpers.hidden-printHides the element (display:none) in print (pre)view Helpers.warningAdds a yellow background color to the table row (<tr> or table cell (<td>). Indicates a warningTry itTables.wellAdds a rounded border around an element with a gray background color and some paddingTry itWells.well-lgLarge well (more padding)Try itWells.well-smSmall well (less padding)Try itWells