November 7, 2014 
< | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | >
November 7, 2014 [00:02:04] *** Dimoff has quit IRC[00:06:32] *** jbeaudry has quit IRC[00:11:53] *** mwargh has left ##bootstrap[00:12:08] *** qdk has quit IRC[00:16:03] *** therold has quit IRC[00:20:46] *** maksbotan has quit IRC[00:21:53] *** maksbotan has joined ##bootstrap[00:25:16] *** Skapadapaduu has quit IRC[00:27:14] *** _yoy_ has quit IRC[00:27:56] *** maksbotan has quit IRC[00:29:03] *** maksbotan has joined ##bootstrap[00:31:32] *** _yoy_ has joined ##bootstrap[00:32:23] *** ejb has joined ##bootstrap[00:37:25] *** Guest70426 has joined ##bootstrap[00:37:27] <Guest70426> hello[00:37:37] *** Guest70426 is now known as Patt[00:39:25] <Patt> does bs3 only have 4 breakpoints?[00:39:33] *** killa_kyle has joined ##bootstrap[00:41:59] *** atomi has quit IRC[00:43:11] <hExDJ> !grid[00:43:11] <UniBot> Grid System: http://getbootstrap.com/css/#grid[00:43:28] <hExDJ> Patt: looks that way[00:44:15] *** joshmbrown has joined ##bootstrap[00:44:40] <Patt> i am having problems designing for a tablet[00:44:49] <Patt> the device is recognised as a xs device[00:45:23] <hExDJ> what resolution does it have?[00:45:56] <Patt> about 726[00:46:20] <hExDJ> yeah, so that's considered xs apparently[00:46:41] <Patt> so i must write new media queries in css?[00:46:44] <hExDJ> see the link above[00:46:49] <hExDJ> and go to Grid Options[00:47:17] <Patt> i wrote those breakpoints in my book before[00:47:33] <Patt> worked fine on mobile portrait and laptop[00:47:43] <Patt> mobile landscape and tablet just a mess[00:48:14] <hExDJ> what tablet are you testing it on?[00:48:31] <Patt> amazon kindle fire[00:49:20] <Patt> dont know how to show bs on here[00:49:48] *** ejb has quit IRC[00:50:01] <hExDJ> what do you mean? BS isn't loading at all on that device?[00:50:19] <Patt> i mean to show on here[00:50:19] *** eBureau has joined ##bootstrap[00:50:26] <hExDJ> oh ok[00:50:34] <Patt> like codebin[00:51:14] <Patt> maybe am doing something wrong you could point out[00:51:32] <hExDJ> so you're chatting from it now?[00:51:42] <Patt> its on localhost[00:51:53] <hExDJ> you can put your code on jsbin[00:51:57] <hExDJ> !jsbin[00:51:58] <UniBot> Looking for help?, Put your code somewhere useful, like jsbin. Here's a starter template: http://goo.gl/twcC7F[00:52:19] <Patt> thx[00:52:28] *** intellix has quit IRC[00:52:33] <hExDJ> !remember starter is Here's a BS3 Starter Template: http://goo.gl/twcC7F[00:52:36] <hExDJ> !starter[00:52:36] <UniBot> Here's a BS3 Starter Template: http://goo.gl/twcC7F[00:55:11] *** ejb has joined ##bootstrap[00:56:03] <Patt> http://jsbin.com/goyewumogu/1/[00:56:51] <Patt> can you notice anything wrong? this is my first bs site[00:56:58] <Patt> i am expecting mistakes[00:57:14] *** beneggett has quit IRC[00:57:32] *** beneggett has joined ##bootstrap[01:00:27] <hExDJ> 1 sec[01:00:31] <Patt> oky[01:00:38] *** jmverges has quit IRC[01:01:39] <hExDJ> there's a lot of stuff in there, what in particular do you want me to look at?[01:02:09] <Patt> <div class="row features">[01:02:27] <Patt> actual first[01:02:56] <Patt> <div class="row primary_services">[01:03:19] <Patt> has 3 columns each with a <p>[01:03:33] *** beneggett has quit IRC[01:03:38] <Patt> which almost spans 100%[01:03:58] <Patt> how do i control the width of the <p> ?[01:05:11] *** qdk has joined ##bootstrap[01:05:28] *** toothrot has joined ##bootstrap[01:05:37] <Patt> i have used col breakpoints but the <p> spans more than the image[01:05:56] <hExDJ> hol on[01:06:54] <hExDJ> the p's look fine here: http://take.ms/32AmF[01:07:05] *** linagee has joined ##bootstrap[01:07:11] <linagee> I have a 3 column bootstrap grid. nothing exists in the right and left columns yet. Is there a way to make large text in the center column not wrap?[01:07:30] <Patt> that device is the shot from?[01:07:57] <hExDJ> Patt: ah hold on[01:08:43] <hExDJ> this is 728px wide: http://take.ms/8POo9[01:09:26] <Patt> i wish p's to be less wide[01:09:45] <linagee> http://jsbin.com/nitoyuhima/1/edit?output I want Test Text to appear on one line. :-/[01:09:58] <hExDJ> Patt: then you do need custom css[01:10:16] <Patt> i need a new media query?[01:10:31] <hExDJ> do you only want the p's less wide for xs ?[01:10:47] <Patt> on mobile devices portrait its ok[01:11:22] <Patt> so its only certain xs[01:11:35] <hExDJ> yeah, if you want the p's to look different depending on device size you need media queries[01:11:37] <Patt> 480px + probably[01:12:11] <Patt> i thought boostrap was meant to make things easier[01:12:22] <Patt> its completely confused me[01:12:36] <Patt> and i feel like i cant css anymore[01:12:38] <hExDJ> it is but it doesn't do everything for every possible case[01:12:57] <Patt> am using it for col's[01:13:04] <Patt> thats about it[01:13:11] <Patt> and form elements[01:13:12] <hExDJ> you can build things fast with BS but if you want to costumize further it's up to you[01:13:25] <Patt> is bs for making final sites?[01:13:31] <Patt> or just a mockup tool?[01:13:37] <hExDJ> linagee: what do you mean text not wrap?[01:13:48] <hExDJ> Patt: both[01:13:55] <Patt> am finding it abit backward[01:14:17] <Patt> although i have read the docs[01:14:48] *** maksbotan has quit IRC[01:15:55] *** maksbotan has joined ##bootstrap[01:15:55] *** maksbotan has joined ##bootstrap[01:15:59] <Patt> what breakpoints do you commonly design for?[01:17:21] <hExDJ> I usually just use "col-sm-xx" for everything[01:17:41] <hExDJ> and just resize the window to get an idea how it looks on other devices[01:18:06] <hExDJ> if something looks off I adjust it[01:18:23] <Patt> gonna try fix this 370px[01:19:01] <linagee> hExDJ: the first line "Test Text" is wrapping[01:19:17] <Patt> is it wrong to put class="col-sm-6 on an image?[01:19:17] <linagee> hExDJ: and I'd like it not to. plenty of horizontal space available, the grid is just not expanding[01:19:26] <Patt> i also have the img-responsive class on that img[01:19:36] <hExDJ> linagee: you mean when the width is very narrow?[01:20:10] <linagee> hExDJ: it seems to go from fine to crazy wrapping at the 990px point.[01:20:32] <linagee> not wrapping when less than 990px, wrapping when greater. really weird...[01:20:44] <hExDJ> linagee: the first container is pusshing it[01:21:05] <hExDJ> you said you didn't want anything on the left column, but it has a bunch of "blah blah blah"[01:21:27] *** neataroni has quit IRC[01:21:39] <linagee> that's on the second row with two columns. on the first row is three columns.[01:21:51] <linagee> (sorry if the blah blah blah is a tad ambigous. :-/)[01:22:39] <linagee> does it update for you when I update the HTML? (I've never used jsbin before)[01:24:51] <hExDJ> linagee: http://jsbin.com/loquga/12/[01:25:05] <hExDJ> I think that's kinda what you want?[01:25:44] *** jbeaudry has joined ##bootstrap[01:25:47] <linagee> yes, now I just have to study how/why this is working. :)[01:26:20] <hExDJ> since you don't want anything to the left, you just offset the column with content[01:26:29] <hExDJ> !offsets[01:26:52] <hExDJ> !remember offsets is Offsetting Columns: http://getbootstrap.com/css/#grid-offsetting[01:27:43] *** D9 has joined ##bootstrap[01:28:09] <hExDJ> !remember offset is Offsetting Columns: http://getbootstrap.com/css/#grid-offsetting[01:29:04] <linagee> hExDJ: hrm. your example is still bad if I bump up the font-size. :([01:29:18] <linagee> http://jsbin.com/suxahonado/1/edit?output[01:29:37] <linagee> weird[01:29:37] <hExDJ> well, that's just how text behaves[01:29:51] *** jeffmjack has quit IRC[01:29:59] <hExDJ> if you want the font size to adjust dynamically you'll have to write som JS or something[01:30:09] <hExDJ> actually you can do some CSS for that I guess[01:30:20] <linagee> this one works fine. (not using grids.) http://jsbin.com/qegotuveni/1/edit?output[01:30:33] <linagee> so maybe you mean, that's how grid text behaves? :-/[01:30:57] <hExDJ> well, if you want centered text why bother with grids?[01:31:07] <linagee> true. I guess so.... :)[01:31:14] <linagee> because bootstrap. and grids. :)[01:31:27] *** mikecmpbll has quit IRC[01:31:31] <hExDJ> I thought you wanted to have a centered grid block[01:31:34] *** ul71m0 has joined ##bootstrap[01:31:47] <linagee> yeah. its just going to be centered. no need for a grid I guess.[01:31:52] *** basiclaser_ has quit IRC[01:32:25] <hExDJ> o_O[01:32:40] <linagee> thank you. :)[01:34:05] *** hExDJ has quit IRC[01:34:42] *** hExDJ has joined ##bootstrap[01:36:24] *** joshmbrown has quit IRC[01:37:25] *** ul71m0 has quit IRC[01:40:30] *** checkit has joined ##bootstrap[01:41:22] *** larsam has joined ##bootstrap[01:44:11] *** joshmbrown has joined ##bootstrap[01:46:00] *** badon has quit IRC[01:48:27] <checkit> Guys, I'm having a very difficult time for some reason getting a two column form to be responsive. This is what my form looks like: http://imgur.com/35deJUm, this what my form should look like: http://imgur.com/CKcfUNx[01:48:35] *** joshmbrown has quit IRC[01:48:38] <checkit> I'm need them to stack evenly though on devices.[01:49:07] <checkit> My markup: https://gist.github.com/anonymous/1d57e11af4f988cfba6f[01:49:13] <checkit> Please help![01:50:41] *** wolfy1339 has quit IRC[01:52:23] *** badon has joined ##bootstrap[01:53:53] *** Superburke is now known as JoeSer[01:54:14] *** JoeSer is now known as Superburke[01:55:04] *** joshmbrown has joined ##bootstrap[01:55:26] *** killa_kyle has quit IRC[01:57:16] *** killa_kyle has joined ##bootstrap[01:58:09] *** maksbotan has quit IRC[01:58:36] *** maksbotan has joined ##bootstrap[01:58:36] *** maksbotan has joined ##bootstrap[01:58:57] *** mt has quit IRC[01:59:08] <Patt> when using images with bs[01:59:14] *** mt has joined ##bootstrap[01:59:16] *** knownasilya has quit IRC[01:59:21] <Patt> do you have multiple versions or just use 1 image scaled?[01:59:49] *** m0ltar has joined ##bootstrap[02:02:24] *** nesta_ has quit IRC[02:02:39] *** joshmbrown has quit IRC[02:04:54] *** atomi has joined ##bootstrap[02:06:55] *** lamilami has quit IRC[02:08:40] *** lamilami has joined ##bootstrap[02:08:48] <hExDJ> Patt: one should be enough[02:09:12] <hExDJ> you can use .img-responsive for it to auto-adjust[02:09:53] <checkit> Oh I see... No one want's to answer my question... Hmm... Lol. Oh well day's over. try agian tomorrow.[02:09:56] *** checkit has quit IRC[02:25:23] *** jbeaudry has quit IRC[02:26:14] *** FatBoyXPC has quit IRC[02:28:26] *** akurilin has joined ##bootstrap[02:36:25] *** clone1018__ has quit IRC[02:39:30] *** Superburke has quit IRC[02:40:03] *** clone1018_ has joined ##bootstrap[02:41:24] *** wolfy1339 has joined ##bootstrap[02:41:24] *** wolfy1339 has joined ##bootstrap[02:48:57] *** nairys has quit IRC[02:51:20] *** killa_kyle has quit IRC[02:51:52] *** killa_kyle has joined ##bootstrap[02:52:17] *** Streusel has joined ##bootstrap[02:52:30] *** morenoh149 has quit IRC[02:55:00] *** killa_kyle has quit IRC[02:55:32] *** killa_kyle has joined ##bootstrap[02:57:24] *** killa_kyle has quit IRC[03:06:13] *** killa_kyle has joined ##bootstrap[03:22:03] *** ejb has quit IRC[03:22:37] <hExDJ> oniijin: still using SublimeText?[03:24:43] *** TikTik has joined ##bootstrap[03:34:41] *** neataroni has joined ##bootstrap[03:50:02] *** knownasilya has joined ##bootstrap[03:57:47] *** k-joseph has quit IRC[04:03:28] *** _yoy_ has quit IRC[04:11:15] *** hExDJ has quit IRC[04:11:58] *** killa_kyle has quit IRC[04:15:56] *** FatBoyXPC has joined ##bootstrap[04:18:04] *** m0ltar has quit IRC[04:23:24] *** Patt has quit IRC[04:23:41] *** kenshou has joined ##bootstrap[04:23:55] *** killa_kyle has joined ##bootstrap[04:34:05] *** _lexjm has joined ##bootstrap[04:41:30] *** akurilin has quit IRC[04:51:10] *** killa_kyle has quit IRC[04:53:01] *** killa_kyle has joined ##bootstrap[04:53:19] *** MattWelch has quit IRC[04:55:33] *** killa_kyle has quit IRC[04:55:47] *** MattWelch has joined ##bootstrap[04:55:53] *** killa_kyle has joined ##bootstrap[05:13:27] *** BlueShark has left ##bootstrap[05:15:11] *** Es0teric has joined ##bootstrap[05:17:04] *** beneggett has joined ##bootstrap[05:19:15] *** kenshou has quit IRC[05:36:16] *** tuskkk___ has joined ##bootstrap[05:43:21] *** toothrot has quit IRC[05:43:51] *** eBureau has quit IRC[05:44:10] *** killa_kyle has quit IRC[05:49:39] *** nesta_ has joined ##bootstrap[05:50:28] *** beneggett has quit IRC[05:51:39] *** Es0teric has quit IRC[06:17:27] *** badon has quit IRC[06:29:16] *** knownasilya has quit IRC[06:33:15] *** badon has joined ##bootstrap[06:35:39] *** TikTik has quit IRC[06:40:17] *** _lexjm has quit IRC[06:50:21] *** Xethron has joined ##bootstrap[06:50:21] *** Xethron has joined ##bootstrap[06:55:02] *** sinequanon has joined ##bootstrap[07:11:27] *** neataroni has quit IRC[07:16:17] *** neataroni has joined ##bootstrap[07:39:49] *** badon has quit IRC[07:40:58] *** badon has joined ##bootstrap[07:44:06] *** mintux has joined ##bootstrap[07:45:38] *** mintux1 has quit IRC[08:10:51] *** imox has joined ##bootstrap[08:18:49] *** imox_ has joined ##bootstrap[08:20:50] *** imox has quit IRC[08:20:50] *** imox_ is now known as imox[08:27:37] *** Trepadamian has joined ##bootstrap[08:29:48] *** jmverges has joined ##bootstrap[08:40:24] *** rje has quit IRC[08:41:02] *** rje has joined ##bootstrap[08:44:48] *** manuscle has joined ##bootstrap[08:47:57] *** mcgarcia has joined ##bootstrap[08:48:24] *** nesta_ has joined ##bootstrap[09:02:17] *** neataroni has quit IRC[09:04:41] *** Xethron has quit IRC[09:06:33] *** mkrank has joined ##bootstrap[09:17:42] *** IIT has joined ##bootstrap[09:18:47] *** IIT has quit IRC[09:19:20] *** IIT has joined ##bootstrap[09:21:05] *** FatBoyXPC has quit IRC[09:21:36] *** IIT has quit IRC[09:23:58] *** Xethron has joined ##bootstrap[09:30:47] *** Streusel has quit IRC[09:42:05] *** _yoy_ has joined ##bootstrap[09:42:08] *** Oka has joined ##bootstrap[09:49:23] *** intellix has joined ##bootstrap[09:58:27] *** mikecmpbll has joined ##bootstrap[10:01:25] *** sinequanon has quit IRC[10:02:03] *** sinequanon has joined ##bootstrap[10:03:37] *** mrcloud has joined ##bootstrap[10:05:17] <mrcloud> hello. I'm trying to define the navbar behavior when collapsed and I had a problem. Here I have a fiddle http://jsfiddle.net/4jf07fhj/ If the navbar is collapsed, when I click over the user icon the content of the ul appears correctly but the icon gets 100% width and is displayed in a new row. How could I fix this?[10:06:49] *** sinequanon has quit IRC[10:09:47] *** pdcmoreira has joined ##bootstrap[10:12:10] *** LegoTrooper has joined ##bootstrap[10:14:23] *** tuskkk___ has left ##bootstrap[10:14:53] *** Xethron has quit IRC[10:16:27] *** mcgarcia has left ##bootstrap[10:25:00] *** BadApe has joined ##bootstrap[10:45:30] *** ilikeprograms has joined ##bootstrap[10:46:10] *** badon_ has joined ##bootstrap[10:49:46] *** badon has quit IRC[10:49:55] *** badon_ is now known as badon[10:51:36] *** Xethron has joined ##bootstrap[10:53:12] *** D-Boy has quit IRC[10:53:54] *** Sjook has joined ##bootstrap[10:55:19] *** doev has joined ##bootstrap[11:08:20] *** DrSect0r has joined ##bootstrap[11:09:50] *** mrcloud has left ##bootstrap[11:13:04] *** D-Boy has joined ##bootstrap[11:20:39] *** larsam has quit IRC[11:27:48] *** obi12341 has quit IRC[11:29:24] *** badon has quit IRC[11:30:00] *** obi12341 has joined ##bootstrap[11:32:52] *** JohnFree has joined ##bootstrap[11:38:24] <JohnFree> Hi guys. How can I vertically align the two icons to the bottom?: http://www.bootply.com/62gTahLLaZ[11:38:51] *** badon has joined ##bootstrap[11:39:13] <JohnFree> Can anyone help me please?[11:39:58] <JohnFree> I'm trying to vertically align the two icons to the bottom but are failing. I don't know how to do this: http://www.bootply.com/TrkIKR0mrR[11:43:07] <mintux> you want to put text under each icon?[11:45:59] <JohnFree> mintux: correct[11:46:04] <JohnFree> mintux: Am I doing it wrong?[11:47:27] <mintux> yes don't you want to use list group?[11:48:07] <JohnFree> mintux: I want to put text under each icon and then vertically align the icon with the text to the bottom.[11:48:16] <mintux> ok[11:48:20] <mintux> let me see[11:48:28] <JohnFree> mintux: Ok, thanks[11:48:37] *** MMukherjee has joined ##bootstrap[11:53:55] <mintux> JohnFree: something like this ? http://jsbin.com/bahivi/4/edit[11:55:11] <mintux> no try this JohnFree http://jsbin.com/bahivi/5/[11:55:49] <JohnFree> mintux: There is missing a lot. There is no middle image and o vertical align to bottom. Mh. But thanks[11:56:04] <mintux> have seen second ?[11:56:17] <JohnFree> mintux: It's the same?[11:56:31] <mintux> just col-x number is different[11:57:34] <JohnFree> mintux: OK I'm trying to add the middle-image to see if it works[11:58:56] <JohnFree> mintux: It looks strange: http://jsbin.com/ciwixomuci/1/[11:59:30] <JohnFree> mintux: And it's not vertically aligned to bottom[12:00:00] <mintux> because i used bootstrap icons let me see again[12:00:20] <JohnFree> mintux: Yeah. But I have to use images :)[12:00:34] *** doev has quit IRC[12:00:47] <mintux> JohnFree: http://jsbin.com/tefegi/1/[12:01:11] <JohnFree> mintux: And how can I vertically align the icons on the left and right?[12:02:43] <mintux> you mean put icon left - middle - right on above text?[12:03:43] <JohnFree> mintux: I mean: "IconLeft+Text-Left" -> vertical-align: bottom, "Icon-Middle"->vertical-align:middle, "IconRight+Text-Right" -> vertical-align: bottom[12:04:18] <JohnFree> mintux: I don't get why there is no easy solution with grid[12:04:44] <JohnFree> mintux: It's important to me to use Grid, because I want 100% width and centering[12:07:23] *** Squarepy has joined ##bootstrap[12:08:34] <JohnFree> Has anybody an idea how to fix my problem?[12:08:36] <mintux> JohnFree: you should do this in the structure i sent to you. use lik[12:08:48] <mintux> use <li>[12:08:56] <JohnFree> mintux: But your solution doesn't work as you can see[12:09:23] <JohnFree> It contains icons and not images and it's not 100% width[12:09:31] <JohnFree> and not horicontally centered[12:09:35] <JohnFree> All that is given by grid[12:10:08] <JohnFree> mintux: I only want to know how to vertically align 2 rows to the bottom. That can't be that difficult?[12:10:55] <mintux> JohnFree: i see this here http://www.axgig.com/images/46706247500452621268.jpg[12:11:04] <mintux> and i used your image[12:11:18] *** ilikeprograms has quit IRC[12:11:27] <JohnFree> mintux: But why doesn't it work with grid?[12:12:22] <mintux> you want to this with bootstrap grid system?[12:12:29] *** ilikeprograms has joined ##bootstrap[12:12:30] <mintux> **to do this[12:12:51] <JohnFree> mintux: correct[12:13:18] <JohnFree> mintux: I only want to vertically align the rows of the left and right icon+text. I don't get why this is so difficult :)[12:13:25] <JohnFree> mintux: It's simple alignment[12:13:37] <JohnFree> mintux: I thought Bootstrap would make life easier but I was wrong[12:15:14] *** Big_T has quit IRC[12:16:00] *** Mega has joined ##bootstrap[12:17:38] <JohnFree> We're living in 20th century and noone can tell me how to vertically align two simple rows... Man we really live in a advanced community ..[12:18:57] *** Guest32946 has quit IRC[12:19:08] <mintux> JohnFree: http://jsbin.com/tefegi/1/[12:20:17] <JohnFree> mintux: That's the same approach I had at the beginning :)[12:20:18] *** Big_T has joined ##bootstrap[12:20:27] <JohnFree> mintux: I already have that[12:20:36] *** k-joseph has joined ##bootstrap[12:21:56] <JohnFree> mintux: My problem is this:http://www.bootply.com/o4ek5DfNS3. Vertically align the left icon+text and the right icon+text[12:21:58] <mintux> JohnFree: so you want to do this with grid while grid is not for make icon and text vertically but you said i want to do this with grid. so not different with list or grid you should write some css class to get what you need[12:22:30] <JohnFree> mintux: Wow. Thank's. Great help.. I'm at the same point I was before coming in here..[12:22:30] *** k-joseph_ has joined ##bootstrap[12:22:41] <JohnFree> mintux: But thanks :)[12:23:11] <mintux> then you're looking for someone to does it for you ;-)[12:23:34] <JohnFree> mintux: No I'm not. As you can see I did most of the stuff and can't figure out why I can't vertically align. I tried out different things[12:23:48] *** bitnumus has joined ##bootstrap[12:23:57] <JohnFree> mintux: I tried it with "display: table-cell", with margin, with bottom: 0 ....[12:24:11] <bitnumus> hi all, just wondering the best way to center a block in the grid system ?[12:24:20] <JohnFree> mintux: I tried so many things. Because couldn't fix it i'M asking here[12:24:33] <mintux> JohnFree: see this section http://getbootstrap.com/components/#glyphicons the table of icons[12:24:41] <JohnFree> bitnumus: Good luck. I'm trying to figure out how to do it at the bottom and still have no solution[12:25:04] <JohnFree> mintux: You don't get my problem. I don't want to use glyphicons. I want to use my own images. Do you get it?[12:25:10] <bitnumus> JohnFree, i can only think to add empty columns, but then on smaller screens they will be there[12:25:31] <mintux> JohnFree: i don't mean just look at table you can change icons with your own image[12:25:38] <JohnFree> bitnumus: Forget it my friend. At the moment there is no real advanced guy in here who can help you. Try it later[12:26:28] <JohnFree> I'm really disappointed[12:26:29] <bitnumus> JohnFree, think i've figured it, try push/pull[12:27:02] <bitnumus> so for large screen for example if you want it in the middle col-lg-6 col-lg-push-3[12:27:14] <JohnFree> bitnumus: Be careful. push / pull doesn't work at every screen size[12:27:21] <bitnumus> JohnFree, it works where you set it ?[12:27:36] <JohnFree> bitnumus: What works?[12:28:08] <bitnumus> what doesn't work at every screen size ?[12:28:28] <JohnFree> bitnumus: Forget it.. I'm only desperately trying to find out how to fix my problem..[12:28:38] <bitnumus> yes and it seems you aren't listening either[12:28:50] <bitnumus> col-lg-push-3 will obviously only work on large grid[12:28:58] <bitnumus> if you want it to work on md sm too then set it as such[12:30:22] <bitnumus> <div class="col-lg-6 col-lg-push-3 col-md-6 col-md-push-3">[12:30:34] <bitnumus> works just how i want it to, not sure what you're trying to acheive[12:34:19] <bitnumus> i'm not sure if this is good practice, but this is essentially what you need to do to keep the block roughly the same size?? <div class="col-lg-4 col-lg-push-4 col-md-6 col-md-push-3 col-sm-8 col-sm-push-2">[12:34:22] *** LegoTrooper has quit IRC[12:35:10] *** LegoTrooper has joined ##bootstrap[12:43:29] *** toothrot has joined ##bootstrap[12:45:20] <JohnFree> Is there anybody who can help with Grid?[13:00:27] *** intellix has quit IRC[13:01:32] *** m0ltar has joined ##bootstrap[13:09:27] *** sgen has quit IRC[13:14:53] *** vgarg has joined ##bootstrap[13:15:14] *** larsam has joined ##bootstrap[13:21:07] *** gamzera_ has joined ##bootstrap[13:21:17] <gamzera_> hello people[13:21:56] <JohnFree> can anyone help me?[13:26:28] *** killa_kyle has joined ##bootstrap[13:27:33] <JohnFree> Can someone help me please with CSS & Bootstrap. I'm only trying to vertically align the left column to the buttom, but are failing: http://www.bootply.com/TrkIKR0mrR[13:29:27] *** toothrot has quit IRC[13:36:04] *** ejb has joined ##bootstrap[13:36:05] *** cyberik has joined ##bootstrap[13:38:47] *** cyberik has quit IRC[13:39:11] *** k-joseph has quit IRC[13:39:22] *** m0ltar has quit IRC[13:39:58] *** ashka has joined ##bootstrap[13:40:51] *** Ariel_Calzada has joined ##bootstrap[13:41:38] *** JohnFree has quit IRC[13:43:36] <ashka> hi, I have an issue with a button in a panel footer : http://jsfiddle.net/0u6m6dof/ I can't get the panel footer to be tall enough to contain the button[13:47:34] *** qdk has quit IRC[13:50:16] <mikecmpbll> can any of you bootstrap/css folks help me with this affix issue? http://jsfiddle.net/g1ns9k8o/1/[13:50:24] <mikecmpbll> if the left content can be displayed fully without scrolling, but the affix content not, i have juddering issues when scrolling.[13:50:35] *** DNja has joined ##bootstrap[13:53:45] *** Xethron has quit IRC[13:57:13] *** Xethron has joined ##bootstrap[14:00:20] *** ejb has quit IRC[14:02:27] *** georgschlenkhoff has joined ##bootstrap[14:02:51] *** georgschlenkhoff has left ##bootstrap[14:04:35] *** pdcmoreira has quit IRC[14:04:59] *** pdcmoreira has joined ##bootstrap[14:05:00] *** Xethron_ has joined ##bootstrap[14:05:27] *** Xethron has quit IRC[14:10:42] *** pdcmoreira has quit IRC[14:11:37] *** m0ltar has joined ##bootstrap[14:15:48] *** studmuf has joined ##bootstrap[14:15:59] *** intellix has joined ##bootstrap[14:17:48] *** LegoTrooper has quit IRC[14:20:52] <Squarepy> ashka, the pull-right option causes that afaik[14:21:38] <Squarepy> that makes it a floating element[14:28:26] *** Dimoff has joined ##bootstrap[14:32:54] *** _yoy_ has quit IRC[14:34:37] *** Kenshou has joined ##bootstrap[14:34:49] *** _yoy_ has joined ##bootstrap[14:36:11] *** Kenshou has quit IRC[14:36:47] *** kenshou has joined ##bootstrap[14:38:01] *** MarkyC has joined ##bootstrap[14:38:50] *** Efrem has joined ##bootstrap[14:42:54] *** mintux has left ##bootstrap[14:45:17] *** knownasilya has joined ##bootstrap[14:50:57] *** ejb has joined ##bootstrap[14:52:10] *** Superburke has joined ##bootstrap[14:52:25] *** k-joseph_ has joined ##bootstrap[14:59:58] *** zecho has quit IRC[15:00:10] *** zecho has joined ##bootstrap[15:01:54] *** vgarg has quit IRC[15:02:29] *** ilikeprograms has quit IRC[15:04:35] *** Squarepy has quit IRC[15:06:00] *** k-joseph_ is now known as k-joseph[15:06:10] *** dglambert has joined ##bootstrap[15:08:45] *** Efrem is now known as Efrem-Away[15:08:54] <dglambert> yo[15:11:41] *** qdk has joined ##bootstrap[15:12:49] <dglambert> So I need to spin up a web app pretty quickly[15:13:02] <dglambert> are their any front-end kits people use on top of bootstrap to do so?[15:17:55] <ironhalik> hmm - what would be the simplest scrollspy usage, that would allow me to say 'Hello World' when I scroll past certain div?[15:20:08] *** FatBoyXPC has joined ##bootstrap[15:21:33] *** nesta_ has quit IRC[15:26:07] *** Efrem-Away is now known as Efrem[15:29:13] *** denete has joined ##bootstrap[15:30:44] *** ledestin has quit IRC[15:30:59] <G0re> hi, if I wsant to size the inputs in the basic example here: http://getbootstrap.com/css/#forms-example[15:31:09] <G0re> what I have to do?[15:31:16] <G0re> i fail :/[15:31:24] *** ledestin has joined ##bootstrap[15:45:00] *** k-joseph has quit IRC[15:45:03] *** eBureau has joined ##bootstrap[15:46:09] *** devin_ has joined ##bootstrap[15:50:17] *** dglambert has quit IRC[15:53:28] <zecho> G0re: read more about input sizing and form-group sizing. http://getbootstrap.com/css/#forms-control-sizes[15:55:05] <G0re> i did, but the labels got out of place everytime :D[16:02:42] *** ilikeprograms has joined ##bootstrap[16:03:10] *** dan2k3k4 has joined ##bootstrap[16:04:49] <dan2k3k4> ;o[16:05:11] <dan2k3k4> what do you guys do for increasing space between rows in bootstrap? :/ I have <.table-justified> <.row><.col-md-6 /><.col-md-6 /></.row> <.row><.col-md-6 /><.col-md-6 /></.row> </.table-justified>[16:05:24] <dan2k3k4> and inside the col-md-6 I have just: <button class="btn btn-lg">[16:05:36] *** pdcmoreira has joined ##bootstrap[16:15:19] *** vgarg has joined ##bootstrap[16:16:08] <oniijin> just add a margin bottom style[16:16:44] *** _yoy_ has quit IRC[16:19:11] *** _yoy_ has joined ##bootstrap[16:19:37] *** vgarg has quit IRC[16:19:47] *** devin_ is now known as dglambert[16:19:55] *** kevin has joined ##bootstrap[16:26:38] *** denete has quit IRC[16:27:10] *** denete has joined ##bootstrap[16:53:09] <ashka> I've done an accordion with panels as it is shown on the documentation, however all the panels are extended, but I have aria-expanded="true" on only the first one[16:54:18] *** badon has quit IRC[16:56:02] *** badon has joined ##bootstrap[16:59:42] *** egp has joined ##bootstrap[17:03:33] *** sunoano has joined ##bootstrap[17:05:00] <kenshou> ashka: If you want them collapsed by default, you should remove the 'in' class from the panel[17:05:24] <ashka> oh, I had it left on all the panels[17:05:26] <ashka> thanks[17:06:00] *** manuscle has quit IRC[17:07:01] *** conan has quit IRC[17:10:32] <kenshou> np, all the 'aria' attributes are for accesibility: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA[17:11:33] *** Xethron_ has quit IRC[17:14:35] *** eBureau has quit IRC[17:15:16] *** badon has quit IRC[17:18:50] *** dan2k3k4 has quit IRC[17:19:41] *** Dimoff has quit IRC[17:20:23] *** Dimoff has joined ##bootstrap[17:23:27] *** Efrem is now known as Efrem-Away[17:24:52] *** imox has quit IRC[17:29:08] *** Sjook has quit IRC[17:32:03] *** mkrank has quit IRC[17:32:50] *** red_horned_rihno has joined ##bootstrap[17:36:56] *** DNja has quit IRC[17:39:01] *** TheBlueDog has joined ##bootstrap[17:40:29] *** Es0teric has joined ##bootstrap[17:41:29] <Es0teric> ok so i have a question[17:41:42] <Es0teric> whats the difference between using col-xs-10 and col-xs-1 ?[17:41:51] <Es0teric> or col-md-7 and col-md-70[17:41:53] <Es0teric> ?[17:48:56] <TheBlueDog> the number is the how many columns wide the block will be[17:49:11] <TheBlueDog> col-md-70 is not possible[17:49:50] *** Es0teric has quit IRC[17:50:18] *** Es0teric has joined ##bootstrap[17:50:38] <Es0teric> TheBlueDog how is that possible? i have a site right in front of me that is full of col-md-70, col-lg-100, etc[17:50:44] <Es0teric> and its a bootstrap site[17:51:10] *** Alina-malina has quit IRC[17:51:44] *** Alina-malina has joined ##bootstrap[17:52:21] <TheBlueDog> unless you’ve redefined the underlying grid system, much like SpinalTap, Bootstrap only goes to 12[17:54:11] <Es0teric> TheBlueDog ok so someone said that they modified the grid system to 1080[17:54:22] <Es0teric> could that be why those numbers are like that?[17:54:35] <Es0teric> its 1080 or 1280[17:54:38] <Es0teric> i forget[17:55:06] <TheBlueDog> they might have set the overall container size to that, but can’t imagine why someone would redefine the col-*-* classes[17:56:54] <Es0teric> TheBlueDog where do i find the overall container size?[18:00:10] *** Leates has joined ##bootstrap[18:00:25] *** mikecmpbll has quit IRC[18:00:25] <TheBlueDog> you should be using a variables.scss file. This is you first level of overrides on bootstrap. Somewhere around line 315 starts your grid definitions.[18:00:31] *** ilikeprograms has quit IRC[18:00:39] <TheBlueDog> $container-large-desktop: ((1140px + $grid-gutter-width));[18:00:42] <Es0teric> TheBlueDog this is all compiled, theres no scss file[18:00:50] *** Alina-malina has quit IRC[18:01:12] <TheBlueDog> ooof. You’re not using a pre-processor?[18:01:46] *** Alina-malina has joined ##bootstrap[18:01:46] *** Alina-malina has joined ##bootstrap[18:01:48] *** JeanClaudeObama has quit IRC[18:02:04] <Es0teric> TheBlueDog no, this was done by a outside company.. the guy that did the front-end pretty much didnt know what he was doing so the scss file and everything[18:02:05] <Es0teric> was removed[18:02:46] <TheBlueDog> hmmm.. that or he wanted to take away the keys, so to speak, and force you to come back[18:03:13] <Es0teric> TheBlueDog either way.. this guy added bower right? and nothing calls any bower packages[18:03:14] <TheBlueDog> do you know if he modified the default bootstrap files?[18:03:22] <Es0teric> TheBlueDog i am pretty sure he did[18:03:26] <TheBlueDog> ouch[18:03:46] <TheBlueDog> what files do you have in you css/stylesheets directory?[18:03:57] <Es0teric> TheBlueDog he moved everything[18:04:10] <Es0teric> TheBlueDog normally when the bootstrap folder is downloaded, everything stays in it[18:04:25] <Es0teric> he moved bootstrap js to js folder, css to css folder and everything else to other places[18:04:29] <Es0teric> its a shitstorm[18:04:35] <TheBlueDog> yes, but you usally have at least something like bootstrap.css and custom.css[18:04:48] <Es0teric> in the css folder theres bootstrap.min.css, TheBlueDog[18:05:12] <TheBlueDog> ouch. Yeah, he really screwed you guys[18:06:29] *** pzaljr has joined ##bootstrap[18:08:47] *** mrd2k has quit IRC[18:09:44] *** JeanClaudeObama has joined ##bootstrap[18:09:56] *** wormmd has quit IRC[18:10:14] *** drworm has joined ##bootstrap[18:11:12] <Es0teric> TheBlueDog yeah[18:11:22] *** ilikeprograms has joined ##bootstrap[18:11:31] <Es0teric> TheBlueDog he really didnt know what he was doing.. its all good though where do you suggest i look though?[18:12:08] <TheBlueDog> I forgot… what is the issue you’re trying to solve? :)[18:13:10] <Es0teric> TheBlueDog i just need to know the grid limit[18:14:42] *** JeanClaudeObama has quit IRC[18:14:44] <TheBlueDog> open the css file and do a search for .container[18:15:12] *** JeanClaudeObama has joined ##bootstrap[18:15:41] <TheBlueDog> There you will find what the various breakpoints have been set to. the default large setting is min-width: 1200px and width 1170px[18:16:18] <TheBlueDog> then below all that you will start seeing the definitions of all the .col-*-* classes[18:19:35] *** JeanClaudeObama has quit IRC[18:19:47] *** intellix has quit IRC[18:20:29] *** imox has joined ##bootstrap[18:24:24] *** Es0teric has quit IRC[18:25:28] *** red_horned_rihno has quit IRC[18:25:50] *** Es0teric has joined ##bootstrap[18:26:01] <Es0teric> TheBlueDog alright thanks[18:26:02] *** red_horned_rihno has joined ##bootstrap[18:26:03] <Es0teric> i appreciate it[18:26:07] *** imox has quit IRC[18:26:42] *** imox has joined ##bootstrap[18:26:54] *** JeanClaudeObama has joined ##bootstrap[18:27:00] <TheBlueDog> no problem. Good luck. You’ve got a real bowl of spaghetti on your hands it sounds like[18:29:25] *** studmuf has quit IRC[18:30:04] *** ilikeprograms has quit IRC[18:31:17] *** JeanClaudeObama has quit IRC[18:31:22] *** pzaljr has quit IRC[18:32:13] *** JeanClaudeObama has joined ##bootstrap[18:33:32] *** DNja has joined ##bootstrap[18:36:35] *** Es0teric has quit IRC[18:36:48] *** JeanClaudeObama has quit IRC[18:38:03] *** vgarg has joined ##bootstrap[18:38:17] *** imox has quit IRC[18:38:19] *** intellix has joined ##bootstrap[18:39:19] *** vgarg has quit IRC[18:39:33] *** vgarg has joined ##bootstrap[18:40:02] *** imox has joined ##bootstrap[18:42:58] *** conan has joined ##bootstrap[18:47:27] *** Es0teric has joined ##bootstrap[18:47:33] <Es0teric> TheBlueDog that is very correct[18:48:48] *** imox has quit IRC[18:49:50] *** killa_kyle has quit IRC[18:49:54] *** nairys has joined ##bootstrap[18:50:04] *** JeanClaudeObama has joined ##bootstrap[18:51:17] *** red_horned_rihno has quit IRC[18:51:32] *** qdk has quit IRC[18:51:42] *** red_horned_rihno has joined ##bootstrap[18:51:46] *** pzaljr has joined ##bootstrap[18:52:57] *** nairys has quit IRC[18:53:14] *** sinequanon has joined ##bootstrap[18:54:29] *** JeanClaudeObama has quit IRC[18:54:42] *** k3k_ has quit IRC[18:55:25] *** JeanClaudeObama has joined ##bootstrap[18:56:51] *** imox has joined ##bootstrap[18:57:52] *** sinequanon has quit IRC[19:00:17] *** JeanClaudeObama has quit IRC[19:01:25] *** D9 has quit IRC[19:04:44] *** lduros`` has joined ##bootstrap[19:05:26] *** checkit has joined ##bootstrap[19:05:50] *** m0ltar has quit IRC[19:10:02] *** stikkemz has joined ##bootstrap[19:11:01] *** beneggett has joined ##bootstrap[19:13:23] *** JeanClaudeObama has joined ##bootstrap[19:17:07] *** lduros`` has quit IRC[19:17:49] *** stikkemz has quit IRC[19:17:53] *** JeanClaudeObama has quit IRC[19:18:11] *** stikkemz has joined ##bootstrap[19:18:42] *** imox has quit IRC[19:19:10] *** sunoano has quit IRC[19:20:53] *** nairys has joined ##bootstrap[19:21:04] *** m0ltar has joined ##bootstrap[19:24:27] *** conan has quit IRC[19:25:24] *** red_horned_rihno has quit IRC[19:27:34] *** vgarg has quit IRC[19:29:00] *** _yoy_ has quit IRC[19:29:55] *** stikkemz has quit IRC[19:30:15] *** Streusel has joined ##bootstrap[19:30:24] *** stikkemz has joined ##bootstrap[19:31:47] *** sinequanon has joined ##bootstrap[19:35:19] *** intellix has quit IRC[19:41:19] *** qdk has joined ##bootstrap[19:45:05] *** JeanClaudeObama has joined ##bootstrap[19:49:24] *** JeanClaudeObama has quit IRC[19:50:23] *** JeanClaudeObama has joined ##bootstrap[19:54:44] *** JeanClaudeObama has quit IRC[19:55:03] *** _yoy_ has joined ##bootstrap[19:56:01] *** JeanClaudeObama has joined ##bootstrap[20:00:33] *** daniel3 has quit IRC[20:00:33] *** JeanClaudeObama has quit IRC[20:01:44] *** mikecmpbll has joined ##bootstrap[20:01:50] *** intellix has joined ##bootstrap[20:03:10] *** stikkemz has quit IRC[20:10:19] *** _yoy_ has quit IRC[20:11:48] *** _yoy_ has joined ##bootstrap[20:11:53] *** studmuf has joined ##bootstrap[20:12:09] *** mathijsjh has joined ##bootstrap[20:14:45] *** daniel3 has joined ##bootstrap[20:20:39] *** pdcmoreira has quit IRC[20:23:48] *** BadApe has quit IRC[20:23:58] *** badon has joined ##bootstrap[20:25:08] *** mikerice has joined ##bootstrap[20:25:22] *** mikerice has left ##bootstrap[20:32:31] *** JeanClaudeObama has joined ##bootstrap[20:33:21] *** morenoh149 has joined ##bootstrap[20:33:27] *** gamzera_ has quit IRC[20:36:53] *** JeanClaudeObama has quit IRC[20:38:19] *** JeanClaudeObama has joined ##bootstrap[20:40:48] *** badon has quit IRC[20:41:32] *** checkit has quit IRC[20:42:49] *** JeanClaudeObama has quit IRC[20:45:15] *** Efrem-Away is now known as Efrem[20:46:43] *** Streusel has quit IRC[20:50:59] *** badon has joined ##bootstrap[20:51:46] *** Streusel has joined ##bootstrap[20:54:03] *** JeanClaudeObama has joined ##bootstrap[20:59:02] *** JeanClaudeObama has quit IRC[20:59:51] *** JeanClaudeObama has joined ##bootstrap[21:03:28] *** Es0teric has quit IRC[21:04:23] *** JeanClaudeObama has quit IRC[21:10:32] *** Streusel has quit IRC[21:12:40] *** MarkyC has quit IRC[21:13:21] *** checkit has joined ##bootstrap[21:13:40] *** zecho_ has joined ##bootstrap[21:15:22] *** MarkyC has joined ##bootstrap[21:15:46] *** JeanClaudeObama has joined ##bootstrap[21:17:20] *** checkit has quit IRC[21:17:31] *** zecho has quit IRC[21:18:03] *** zecho_ has quit IRC[21:20:27] *** JeanClaudeObama has quit IRC[21:22:37] *** neataroni has joined ##bootstrap[21:23:21] *** lnostdal has quit IRC[21:23:39] *** lnostdal has joined ##bootstrap[21:24:25] *** imox has joined ##bootstrap[21:27:11] *** Superburke is now known as bohdan1[21:27:54] *** bohdan1 is now known as Superburke[21:30:22] *** Superburke is now known as spiderburk[21:30:23] *** spiderburk is now known as spiderburke[21:31:47] *** badon has quit IRC[21:32:18] *** spiderburke is now known as Superburke[21:33:17] *** Mega has quit IRC[21:35:35] *** conan has joined ##bootstrap[21:35:37] *** mathijsjh has quit IRC[21:36:52] *** badon has joined ##bootstrap[21:38:11] *** jmverges has quit IRC[21:46:52] *** Leates has quit IRC[21:51:45] *** Leates has joined ##bootstrap[21:54:59] *** baweaver has joined ##bootstrap[21:55:25] <baweaver> Copied the accordion straight from the example, can't seem to get it to work: http://plnkr.co/edit/vwYu7FlRHbo3lTpsA6SA - any idea what I might have done wrong?[21:58:34] *** Es0teric has joined ##bootstrap[22:00:27] *** JeanClaudeObama has joined ##bootstrap[22:00:34] *** m0ltar has quit IRC[22:00:43] <baweaver> I'd included the javascript file which seems to have transition in there. Is there a specific gotcha I'm missing?[22:01:01] <kenshou> baweaver: I see this on my chrome console: Uncaught Error: Bootstrap's JavaScript requires jQuery[22:01:07] *** badon_ has joined ##bootstrap[22:01:13] <baweaver> order probably...[22:01:41] <baweaver> ...every time it's something stupid[22:01:47] <baweaver> thanks[22:01:51] <kenshou> np[22:02:00] <TheBlueDog> yup… jquery then bootstrap js[22:02:30] *** badon has quit IRC[22:03:18] *** Es0teric has quit IRC[22:04:53] *** badon_ is now known as badon[22:04:55] *** JeanClaudeObama has quit IRC[22:05:09] *** MarkyC has quit IRC[22:05:42] <baweaver> sleep deprivation does bad things to sanity checks.[22:05:49] <baweaver> At least it's Friday.[22:09:11] <oniijin> is it[22:09:11] <oniijin> is it really[22:09:23] <oniijin> or is it monday and your sleep deprivation is playing tricks on u[22:16:53] *** TheBlueDog has quit IRC[22:17:58] *** JustSighDudesAwa has quit IRC[22:18:49] *** TheBlueDog_ has joined ##bootstrap[22:21:32] *** mikecmpbll has quit IRC[22:21:37] *** ejb has quit IRC[22:22:06] *** bet0x has quit IRC[22:25:53] *** imox has quit IRC[22:26:08] *** imox has joined ##bootstrap[22:28:55] *** JeanClaudeObama has joined ##bootstrap[22:28:58] *** imox has quit IRC[22:29:20] *** baweaver has quit IRC[22:30:30] *** intellix has quit IRC[22:30:55] *** intellix has joined ##bootstrap[22:34:35] *** Lyons has joined ##bootstrap[22:34:40] *** killa_kyle has joined ##bootstrap[22:35:31] *** Lyons has left ##bootstrap[22:38:17] *** red-panda has joined ##bootstrap[22:40:01] <red-panda> whats up bootstrap enthusiasts[22:42:03] *** ejb has joined ##bootstrap[22:44:12] <red-panda> anybody have any trouble with reliability/loading time running bootstrap through a cdn ?[22:47:17] *** JustSighDudesAwa has joined ##bootstrap[22:48:20] <TheBlueDog_> I’ve always built it in, so can’t say[22:49:27] <red-panda> Im new to using frameworks like this, what would be the easiest way to implement it for a test run on my development server?[22:50:48] <red-panda> I cant get the js to work through a cdn so far and would like to test bootstrap out[22:51:58] *** killa_kyle has quit IRC[22:52:07] <TheBlueDog_> well… all depends on what you are building. Using compass is a quick way to create a new project that has bootstrap setup for you. If you are building a app there are gems to add it in[22:53:11] <TheBlueDog_> if you want to just play with it and try mocking up a page, you can use a site like bootply.com. Its like jsfiddle but has bootstrap already included into your previews[22:53:42] <red-panda> Im just building a portfolio site with some other random goodies nothing fancy thats why i want to add bootstrap[22:54:03] <red-panda> thats cool[22:54:10] <red-panda> thanks for that tip[22:55:35] *** denete has quit IRC[22:56:02] <red-panda> I have been cruising through the components page and I think Im ready to start implementing it even if I change it down the road[22:58:11] <TheBlueDog_> if you are familiar with Compass, that’s the easiest way to get up and running. You want a setup that will have you working in the SASS, not the CSS[22:58:36] <TheBlueDog_> Rule #1 of Bootstrap is NEVER modify Bootstrap[23:03:59] <morenoh149> anyway to display more than one slide at a time in the carousel?[23:04:35] *** killa_kyle has joined ##bootstrap[23:04:38] *** pzaljr has quit IRC[23:06:05] <morenoh149> TheBlueDog_: agreed. I'm currently using https://github.com/Acquisio/bootstrap-stylus I'm loving the stylus[23:06:05] *** studmuf has quit IRC[23:06:51] <TheBlueDog_> interesting.. why stylus? Very few people seem to be using that anymore[23:07:53] *** Shrooms has quit IRC[23:08:00] <morenoh149> I dunno. I'm in the node world and the features are very nice. It's mostly due to how easy it is to integrate it into my gulp/node flow[23:08:35] <TheBlueDog_> I guess if it works, don’t break it. :)[23:09:07] <TheBlueDog_> apps I’m working on are gulp/node-ified, but we’re using bootstrap sass[23:09:51] <TheBlueDog_> overall the front-end dev and design community is huddled around sass. Even LESS is getting dropped like a bad habit[23:12:13] <morenoh149> what's exciting too is there been a recent response to compass for stylus http://kouto-swiss.io/ I'm using it :)[23:13:50] <TheBlueDog_> interesting. will have to check that out[23:22:05] <red-panda> can anybody explain the container class used by bootstrap[23:22:05] <red-panda> ?[23:22:20] <red-panda> Im having trouble getting a jumbotron to behave[23:25:06] <TheBlueDog_> what are you trying to get it to do?[23:26:09] *** kenshou has left ##bootstrap[23:28:23] <red-panda> I have a square div that is centered absoulutely that i would like to restrict the content to, and without a <div class="container"> around my jumbotron it loses its rounded corners and with one outside and the jumbotron nested within, it overflows out of the main div[23:29:51] <red-panda> http://www.kait-lex.com/new-index.php[23:32:17] *** dglambert has quit IRC[23:33:10] *** Streusel has joined ##bootstrap[23:33:38] <TheBlueDog_> for a start, don’t put styling classes outside of a container[23:34:06] <TheBlueDog_> typically the pattern is .container > .row > .col-*-*[23:34:58] <red-panda> TheBlueDog_: could you elaborate[23:35:34] <morenoh149> is there a guide to know what's safe to exclude from bootstrap? http://getbootstrap.com/customize/ or do I just have to do trial and error?[23:37:01] <red-panda> TheBlueDog_: and could you explain how to correctly use a container I am not familiar with the term[23:37:19] <TheBlueDog_> I’m working up a quick example...[23:37:32] <red-panda> TheBlueDog_: is it a class that is being utilized by bootstrap am i right?[23:37:45] <morenoh149> red-panda: containers should contain your body. They're needed for the grid system[23:37:57] *** kevin has quit IRC[23:38:05] <morenoh149> they add some padding to the content so it doesn't touch the edge of the window[23:38:22] <red-panda> morenoh149: see thats my problem I have only been using bootstrap for 20 mins and havent learned the grid system yet[23:38:28] <TheBlueDog_> Here’s a good place to start http://www.bootply.com/qyXSYoXlYp[23:39:03] <morenoh149> red-panda: well you should take some time to at least read the first two topics here http://getbootstrap.com/css/ (20 min read)[23:39:11] <TheBlueDog_> don’t set any fixed width or height unless absolutely and totally necessary[23:39:59] <red-panda> morenoh149: sounds great will do[23:40:15] <morenoh149> then this guy http://getbootstrap.com/components/#jumbotron[23:40:36] *** ejb has quit IRC[23:40:52] <red-panda> TheBlueDog_: in the link you sent the content is no longer centered absolutely and there is no jumbotron[23:41:04] <morenoh149> but the grid system part is a must. Kind of complicated to wrap your head around but necessary to move forward[23:41:53] <red-panda> and what do you mean dont set any fixed height or width? your telling me I must use a container to contain my entire body yet I can not dictate sizes within my body?[23:42:23] <red-panda> what If all i want to do is utilize a few components of bootstrap to start[23:42:55] <morenoh149> red-panda: easiest to use a cdn and muck around. Later you can pick exactly what you need[23:42:57] <red-panda> ie buttons, nav, dropdowns, jumbotron, until I am ready to fully implement the "grid system" globally[23:43:10] <morenoh149> red-panda: do you have an existing project?[23:43:14] <red-panda> morenoh149: I am using a cdn thanks[23:43:18] <TheBlueDog_> Bootstrap is build to be responsive from the start. If you fix the width/height you’ll most likely run into usability issues when viewed on tablet/phone[23:43:38] <red-panda> even when using em ?[23:44:24] <red-panda> morenoh149: yes[23:45:01] <TheBlueDog_> it just adds more complexity to it. I typically block it out like the sample link and the if I need to, in the box css add some rules for padding and margin[23:45:58] *** neataroni has quit IRC[23:46:20] *** larsam has quit IRC[23:47:01] <red-panda> so why cant I nest a container withing my main-div ? why do i have to wrap the entire body in one[23:47:42] <TheBlueDog_> What I find works best is to do as much as I can with the base bootstrap, then using the variables.scss to stylize it a little more, and then anything else goes into a custom.css loaded last[23:47:54] *** conan has quit IRC[23:48:53] <red-panda> I will be able to achieve the same effect of a fixed width absolutely centered div using the grid system wont I?[23:50:29] <TheBlueDog_> if you fix the width and use absolute positioning, you might as well not use the framework[23:52:58] <TheBlueDog_> I’ve updated my link to help show how containers work a little better http://www.bootply.com/qyXSYoXlYp[23:54:18] <TheBlueDog_> .container sets an overall fixed with of ~1200px and centers the block. Then you build inside it. You can stack containers on top of each other, or build rows inside of it.[23:54:40] <TheBlueDog_> .container-fluid takes the layout full width[23:56:34] <red-panda> TheBlueDog_: I plan to start minimally and implement more of the framework as I gain experience with it, It is not practical for me to rework my entire layout to utilize containers at the current time, and saying I shouldnt use the framework because I use fixed widths is dismissive[23:57:34] <red-panda> http://www.kait-lex.com/new-index.php[23:57:39] <morenoh149> red-panda: the grid is a really big part of bootstrap though :/[23:58:04] <morenoh149> you could just use the parts you like though but you have to setup sass compilation and that's a lot for a beginner[23:58:10] <TheBlueDog_> I’ve been using bootstrap since v1 and have already been through these pitfalls. Just sayin'[23:59:19] <red-panda> morenoh149: I understand that ! Im just being realistic and all I intended to do was utilize a few components short term until I am ready to work with it more extensively