Grid
Komfo UI uses the Bootstrap grid system. Full documentation can be found here:
http://getbootstrap.com/css/#grid
Inline columns
Two columns
Tell her she looks thin. It's just like the story of the grasshopper and the octopus. All year long, the grasshopper kept burying acorns for winter, while the octopus mooched off his girlfriend and watched TV. But then the winter came, and the grasshopper died, and the octopus ate all his acorns. Also he got a race car. Is any of this getting through to you?
So I really am important? How I feel when I'm drunk is correct? Isn't it true that you have been paid for your testimony? Bender, you risked your life to save me! I never loved you. I don't know what you did, Fry, but once again, you screwed up! Now all the planets are gonna start cracking wise about our mamas.
<div class="inline-cols">
<div class="icol">
<p style="width: 200px">Tell her she looks thin. It's just like the story of the grasshopper and the octopus. All year long, the grasshopper kept burying acorns for winter, while the octopus mooched off his girlfriend and watched TV. But then the winter came, and the grasshopper died, and the octopus ate all his acorns. Also he got a race car. Is any of this getting through to you?<p>
</div>
<div class="icol">
<p style="width: 200px">So I really am important? How I feel when I'm drunk is correct? Isn't it true that you have been paid for your testimony? Bender, you risked your life to save me! I never loved you. I don't know what you did, Fry, but once again, you screwed up! Now all the planets are gonna start cracking wise about our mamas.<p>
</div>
</div>
Three columns
Tell her she looks thin. It's just like the story of the grasshopper and the octopus. All year long, the grasshopper kept burying acorns for winter, while the octopus mooched off his girlfriend and watched TV. But then the winter came, and the grasshopper died, and the octopus ate all his acorns. Also he got a race car. Is any of this getting through to you?
So I really am important? How I feel when I'm drunk is correct? Isn't it true that you have been paid for your testimony? Bender, you risked your life to save me! I never loved you. I don't know what you did, Fry, but once again, you screwed up! Now all the planets are gonna start cracking wise about our mamas.
For one beautiful night I knew what it was like to be a grandmother. Subjugated, yet honored. That's the ONLY thing about being a slave. Yes! In your face, Gandhi! Uh, is the puppy mechanical in any way?
<div class="inline-cols">
<div class="icol">
<p style="width: 200px">Tell her she looks thin. It's just like the story of the grasshopper and the octopus. All year long, the grasshopper kept burying acorns for winter, while the octopus mooched off his girlfriend and watched TV. But then the winter came, and the grasshopper died, and the octopus ate all his acorns. Also he got a race car. Is any of this getting through to you?<p>
</div>
<div class="icol">
<p style="width: 200px">So I really am important? How I feel when I'm drunk is correct? Isn't it true that you have been paid for your testimony? Bender, you risked your life to save me! I never loved you. I don't know what you did, Fry, but once again, you screwed up! Now all the planets are gonna start cracking wise about our mamas.<p>
</div>
<div class="icol">
<p style="width: 200px">For one beautiful night I knew what it was like to be a grandmother. Subjugated, yet honored. That's the ONLY thing about being a slave. Yes! In your face, Gandhi! Uh, is the puppy mechanical in any way?<p>
</div>
</div>
Multi-columns
Two columns
Tell her she looks thin. It's just like the story of the grasshopper and the octopus. All year long, the grasshopper kept burying acorns for winter, while the octopus mooched off his girlfriend and watched TV. But then the winter came, and the grasshopper died, and the octopus ate all his acorns. Also he got a race car. Is any of this getting through to you?
So I really am important? How I feel when I'm drunk is correct? Isn't it true that you have been paid for your testimony? Bender, you risked your life to save me! I never loved you. I don't know what you did, Fry, but once again, you screwed up! Now all the planets are gonna start cracking wise about our mamas.
For one beautiful night I knew what it was like to be a grandmother. Subjugated, yet honored. That's the ONLY thing about being a slave. Yes! In your face, Gandhi! Uh, is the puppy mechanical in any way?
You seem malnourished. Are you suffering from intestinal parasites? When will that be? Bender, we're trying our best. What are their names?
Large bet on myself in round one. This is the worst kind of discrimination: the kind against me! Can we have Bender Burgers again? Why would a robot need to drink? WINDMILLS DO NOT WORK THAT WAY! GOOD NIGHT!
Tell her you just want to talk. It has nothing to do with mating. For example, if you killed your grandfather, you'd cease to exist! Can we have Bender Burgers again? But, like most politicians, he promised more than he could deliver.
Ok, we'll go deliver this crate like professionals, and then we'll go ride the bumper cars. Come, Comrade Bender! We must take to the streets! And from now on you're all named Bender Jr. Hey, you add a one and two zeros to that or we walk!
I wish! It's a nickel. Does anybody else feel jealous and aroused and worried? Yes, I saw. You were doing well, until everyone died. Say what? What are you hacking off? Is it my torso?! 'It is!' My precious torso!
Bender, we're trying our best. I guess if you want children beaten, you have to do it yourself. As an interesting side note, as a head without a body, I envy the dead. Can I use the gun? No, of course not. It was… uh… porno. Yeah, that's it.
Then throw her in the laundry room, which will hereafter be referred to as "the brig". Incidentally, you have a dime up your nose. I love you, buddy! Oh, I don't have time for this. I have to go and buy a single piece of fruit with a coupon and then return it, making people wait behind me while I complain.
No argument here. I decline the title of Iron Cook and accept the lesser title of Zinc Saucier, which I just made up. Uhh… also, comes with double prize money. Also Zoidberg. I've been there. My folks were always on me to groom myself and wear underpants. What am I, the pope?
<div class="mcol">
<div class="mcol-2 mcol-fluid">
<p>Tell her she looks thin. It's just like the story of the grasshopper and the octopus. All year long, the grasshopper kept burying acorns for winter, while the octopus mooched off his girlfriend and watched TV. But then the winter came, and the grasshopper died, and the octopus ate all his acorns. Also he got a race car. Is any of this getting through to you?<p>
<p>So I really am important? How I feel when I'm drunk is correct? Isn't it true that you have been paid for your testimony? Bender, you risked your life to save me! I never loved you. I don't know what you did, Fry, but once again, you screwed up! Now all the planets are gonna start cracking wise about our mamas.<p>
<p>For one beautiful night I knew what it was like to be a grandmother. Subjugated, yet honored. That's the ONLY thing about being a slave. Yes! In your face, Gandhi! Uh, is the puppy mechanical in any way?<p>
<p>You seem malnourished. Are you suffering from intestinal parasites? When will that be? Bender, we're trying our best. What are their names?<p>
<p>Large bet on myself in round one. This is the worst kind of discrimination: the kind against me! Can we have Bender Burgers again? Why would a robot need to drink? WINDMILLS DO NOT WORK THAT WAY! GOOD NIGHT!<p>
<p>Tell her you just want to talk. It has nothing to do with mating. For example, if you killed your grandfather, you'd cease to exist! Can we have Bender Burgers again? But, like most politicians, he promised more than he could deliver.<p>
<p>Ok, we'll go deliver this crate like professionals, and then we'll go ride the bumper cars. Come, Comrade Bender! We must take to the streets! And from now on you're all named Bender Jr. Hey, you add a one and two zeros to that or we walk!<p>
<p>I wish! It's a nickel. Does anybody else feel jealous and aroused and worried? Yes, I saw. You were doing well, until everyone died. Say what? What are you hacking off? Is it my torso?! 'It is!' My precious torso!<p>
<p>Bender, we're trying our best. I guess if you want children beaten, you have to do it yourself. As an interesting side note, as a head without a body, I envy the dead. Can I use the gun? No, of course not. It was… uh… porno. Yeah, that's it.<p>
<p>Then throw her in the laundry room, which will hereafter be referred to as "the brig". Incidentally, you have a dime up your nose. I love you, buddy! Oh, I don't have time for this. I have to go and buy a single piece of fruit with a coupon and then return it, making people wait behind me while I complain.<p>
<p>No argument here. I decline the title of Iron Cook and accept the lesser title of Zinc Saucier, which I just made up. Uhh… also, comes with double prize money. Also Zoidberg. I've been there. My folks were always on me to groom myself and wear underpants. What am I, the pope?<p>
</div>
</div>
Three columns
Tell her she looks thin. It's just like the story of the grasshopper and the octopus. All year long, the grasshopper kept burying acorns for winter, while the octopus mooched off his girlfriend and watched TV. But then the winter came, and the grasshopper died, and the octopus ate all his acorns. Also he got a race car. Is any of this getting through to you?
So I really am important? How I feel when I'm drunk is correct? Isn't it true that you have been paid for your testimony? Bender, you risked your life to save me! I never loved you. I don't know what you did, Fry, but once again, you screwed up! Now all the planets are gonna start cracking wise about our mamas.
For one beautiful night I knew what it was like to be a grandmother. Subjugated, yet honored. That's the ONLY thing about being a slave. Yes! In your face, Gandhi! Uh, is the puppy mechanical in any way?
You seem malnourished. Are you suffering from intestinal parasites? When will that be? Bender, we're trying our best. What are their names?
Large bet on myself in round one. This is the worst kind of discrimination: the kind against me! Can we have Bender Burgers again? Why would a robot need to drink? WINDMILLS DO NOT WORK THAT WAY! GOOD NIGHT!
Tell her you just want to talk. It has nothing to do with mating. For example, if you killed your grandfather, you'd cease to exist! Can we have Bender Burgers again? But, like most politicians, he promised more than he could deliver.
Ok, we'll go deliver this crate like professionals, and then we'll go ride the bumper cars. Come, Comrade Bender! We must take to the streets! And from now on you're all named Bender Jr. Hey, you add a one and two zeros to that or we walk!
I wish! It's a nickel. Does anybody else feel jealous and aroused and worried? Yes, I saw. You were doing well, until everyone died. Say what? What are you hacking off? Is it my torso?! 'It is!' My precious torso!
Bender, we're trying our best. I guess if you want children beaten, you have to do it yourself. As an interesting side note, as a head without a body, I envy the dead. Can I use the gun? No, of course not. It was… uh… porno. Yeah, that's it.
Then throw her in the laundry room, which will hereafter be referred to as "the brig". Incidentally, you have a dime up your nose. I love you, buddy! Oh, I don't have time for this. I have to go and buy a single piece of fruit with a coupon and then return it, making people wait behind me while I complain.
No argument here. I decline the title of Iron Cook and accept the lesser title of Zinc Saucier, which I just made up. Uhh… also, comes with double prize money. Also Zoidberg. I've been there. My folks were always on me to groom myself and wear underpants. What am I, the pope?
<div class="mcol">
<div class="mcol-3 mcol-fluid">
<p>Tell her she looks thin. It's just like the story of the grasshopper and the octopus. All year long, the grasshopper kept burying acorns for winter, while the octopus mooched off his girlfriend and watched TV. But then the winter came, and the grasshopper died, and the octopus ate all his acorns. Also he got a race car. Is any of this getting through to you?<p>
<p>So I really am important? How I feel when I'm drunk is correct? Isn't it true that you have been paid for your testimony? Bender, you risked your life to save me! I never loved you. I don't know what you did, Fry, but once again, you screwed up! Now all the planets are gonna start cracking wise about our mamas.<p>
<p>For one beautiful night I knew what it was like to be a grandmother. Subjugated, yet honored. That's the ONLY thing about being a slave. Yes! In your face, Gandhi! Uh, is the puppy mechanical in any way?<p>
<p>You seem malnourished. Are you suffering from intestinal parasites? When will that be? Bender, we're trying our best. What are their names?<p>
<p>Large bet on myself in round one. This is the worst kind of discrimination: the kind against me! Can we have Bender Burgers again? Why would a robot need to drink? WINDMILLS DO NOT WORK THAT WAY! GOOD NIGHT!<p>
<p>Tell her you just want to talk. It has nothing to do with mating. For example, if you killed your grandfather, you'd cease to exist! Can we have Bender Burgers again? But, like most politicians, he promised more than he could deliver.<p>
<p>Ok, we'll go deliver this crate like professionals, and then we'll go ride the bumper cars. Come, Comrade Bender! We must take to the streets! And from now on you're all named Bender Jr. Hey, you add a one and two zeros to that or we walk!<p>
<p>I wish! It's a nickel. Does anybody else feel jealous and aroused and worried? Yes, I saw. You were doing well, until everyone died. Say what? What are you hacking off? Is it my torso?! 'It is!' My precious torso!<p>
<p>Bender, we're trying our best. I guess if you want children beaten, you have to do it yourself. As an interesting side note, as a head without a body, I envy the dead. Can I use the gun? No, of course not. It was… uh… porno. Yeah, that's it.<p>
<p>Then throw her in the laundry room, which will hereafter be referred to as "the brig". Incidentally, you have a dime up your nose. I love you, buddy! Oh, I don't have time for this. I have to go and buy a single piece of fruit with a coupon and then return it, making people wait behind me while I complain.<p>
<p>No argument here. I decline the title of Iron Cook and accept the lesser title of Zinc Saucier, which I just made up. Uhh… also, comes with double prize money. Also Zoidberg. I've been there. My folks were always on me to groom myself and wear underpants. What am I, the pope?<p>
</div>
</div>
Four columns
Tell her she looks thin. It's just like the story of the grasshopper and the octopus. All year long, the grasshopper kept burying acorns for winter, while the octopus mooched off his girlfriend and watched TV. But then the winter came, and the grasshopper died, and the octopus ate all his acorns. Also he got a race car. Is any of this getting through to you?
So I really am important? How I feel when I'm drunk is correct? Isn't it true that you have been paid for your testimony? Bender, you risked your life to save me! I never loved you. I don't know what you did, Fry, but once again, you screwed up! Now all the planets are gonna start cracking wise about our mamas.
For one beautiful night I knew what it was like to be a grandmother. Subjugated, yet honored. That's the ONLY thing about being a slave. Yes! In your face, Gandhi! Uh, is the puppy mechanical in any way?
You seem malnourished. Are you suffering from intestinal parasites? When will that be? Bender, we're trying our best. What are their names?
Large bet on myself in round one. This is the worst kind of discrimination: the kind against me! Can we have Bender Burgers again? Why would a robot need to drink? WINDMILLS DO NOT WORK THAT WAY! GOOD NIGHT!
Tell her you just want to talk. It has nothing to do with mating. For example, if you killed your grandfather, you'd cease to exist! Can we have Bender Burgers again? But, like most politicians, he promised more than he could deliver.
Ok, we'll go deliver this crate like professionals, and then we'll go ride the bumper cars. Come, Comrade Bender! We must take to the streets! And from now on you're all named Bender Jr. Hey, you add a one and two zeros to that or we walk!
I wish! It's a nickel. Does anybody else feel jealous and aroused and worried? Yes, I saw. You were doing well, until everyone died. Say what? What are you hacking off? Is it my torso?! 'It is!' My precious torso!
Bender, we're trying our best. I guess if you want children beaten, you have to do it yourself. As an interesting side note, as a head without a body, I envy the dead. Can I use the gun? No, of course not. It was… uh… porno. Yeah, that's it.
Then throw her in the laundry room, which will hereafter be referred to as "the brig". Incidentally, you have a dime up your nose. I love you, buddy! Oh, I don't have time for this. I have to go and buy a single piece of fruit with a coupon and then return it, making people wait behind me while I complain.
No argument here. I decline the title of Iron Cook and accept the lesser title of Zinc Saucier, which I just made up. Uhh… also, comes with double prize money. Also Zoidberg. I've been there. My folks were always on me to groom myself and wear underpants. What am I, the pope?
<div class="mcol">
<div class="mcol-4 mcol-fluid">
<p>Tell her she looks thin. It's just like the story of the grasshopper and the octopus. All year long, the grasshopper kept burying acorns for winter, while the octopus mooched off his girlfriend and watched TV. But then the winter came, and the grasshopper died, and the octopus ate all his acorns. Also he got a race car. Is any of this getting through to you?<p>
<p>So I really am important? How I feel when I'm drunk is correct? Isn't it true that you have been paid for your testimony? Bender, you risked your life to save me! I never loved you. I don't know what you did, Fry, but once again, you screwed up! Now all the planets are gonna start cracking wise about our mamas.<p>
<p>For one beautiful night I knew what it was like to be a grandmother. Subjugated, yet honored. That's the ONLY thing about being a slave. Yes! In your face, Gandhi! Uh, is the puppy mechanical in any way?<p>
<p>You seem malnourished. Are you suffering from intestinal parasites? When will that be? Bender, we're trying our best. What are their names?<p>
<p>Large bet on myself in round one. This is the worst kind of discrimination: the kind against me! Can we have Bender Burgers again? Why would a robot need to drink? WINDMILLS DO NOT WORK THAT WAY! GOOD NIGHT!<p>
<p>Tell her you just want to talk. It has nothing to do with mating. For example, if you killed your grandfather, you'd cease to exist! Can we have Bender Burgers again? But, like most politicians, he promised more than he could deliver.<p>
<p>Ok, we'll go deliver this crate like professionals, and then we'll go ride the bumper cars. Come, Comrade Bender! We must take to the streets! And from now on you're all named Bender Jr. Hey, you add a one and two zeros to that or we walk!<p>
<p>I wish! It's a nickel. Does anybody else feel jealous and aroused and worried? Yes, I saw. You were doing well, until everyone died. Say what? What are you hacking off? Is it my torso?! 'It is!' My precious torso!<p>
<p>Bender, we're trying our best. I guess if you want children beaten, you have to do it yourself. As an interesting side note, as a head without a body, I envy the dead. Can I use the gun? No, of course not. It was… uh… porno. Yeah, that's it.<p>
<p>Then throw her in the laundry room, which will hereafter be referred to as "the brig". Incidentally, you have a dime up your nose. I love you, buddy! Oh, I don't have time for this. I have to go and buy a single piece of fruit with a coupon and then return it, making people wait behind me while I complain.<p>
<p>No argument here. I decline the title of Iron Cook and accept the lesser title of Zinc Saucier, which I just made up. Uhh… also, comes with double prize money. Also Zoidberg. I've been there. My folks were always on me to groom myself and wear underpants. What am I, the pope?<p>
</div>
</div>