The span classes are calculated to fit exactly. When you add extra styles that change the width, it doesn't fit. So you can use styling, bit nothing that makes it larger, so no border or margins/paddings. But you could use the border-box model, to create borders/paddings, without changing the width Op 16 aug. 2012 06:21 schreef "Backspace" <[email protected]> het volgende:
> Cool > > I am using my own well class in the less file. > > So to recap. <class "row"> > <class "span4"> > <class "mywell"/> > </div> > </div> > > Can any one lese confirm that placing class names in spans (my own > classes) is bad practice? I can see your point, it's jut there will be a > load of reworking going into my site if that's the case. It sounds fair > though. I can see sherbrow has pretty much confirmed this for me too, I > just thought I could place my own class names alongside the span class div > tag. So <div class="span 5 myclass"> > > It makes sense though. > > I have not had a chance to look at your code on how to achieve the, let's > call it 'float emulation', I am after. However I am currently pulling a row > to the right. I guess this is bad too though. > > > -------------------------- > > On Thursday, 16 August 2012 12:14:56 UTC+10, Ryan wrote: >> >> Stupid IE 10 is sending blank messages when I reply. Guess that is what I >> get for using the release preview. So to recap, but shorter. >> >> I'm pretty sure it messes with the formatting, but this is also a better >> practice. Only use grid/scaffolding classes for layout, put visible content >> inside them. I would also add your own clas, instead of just well, so you >> can override the css in the future if you want. >> >> On Wed, Aug 15, 2012 at 8:49 PM, Backspace <[email protected]>wrote: >> >>> Hi Ryan, thnaks (and you too >>> Sherbrow) >>> >>> first question - >>> >>> With this code >>> >>> <div class="span5"><div class="content well">content</div></div> >>> >>> Would this not be the same? >>> >>> <div class="span5 content well"></div> >>> >>> I am justa adding another couple of classes to the span 5. Or are you >>> sayin that the margins / padding in span 5 and well will conflict? >>> >>> Rather >>> >>> >>> On Thursday, 16 August 2012 02:14:06 UTC+10, Sherbrow wrote: >>>> >>>> As said before, you should definitely not use formatting classes (like >>>> well - or you own styles) on scaffolding. >>>> The same for mixing spans and rows. The most obvious reason is that >>>> both those classes have different margin behavior, which creates paddings >>>> not supported by the grid. >>>> >>>> Here is an example of your first code, showing the differences (you can >>>> see that the 2nd col is actually a span4, which added to the span6 fills >>>> the span10) >>>> >>>> http://jsfiddle.net/Sherbrow/**p**npUW/embedded/result/<http://jsfiddle.net/Sherbrow/pnpUW/embedded/result/> >>>> >>>> Ryan idea about giving classes to style the content instead of the >>>> spans is definitely a good practice. >>>> >>>> On Tuesday, August 14, 2012 12:20:50 PM UTC+2, Backspace wrote: >>>>> >>>>> Here is a pic to make it easier. Perhaps I need to use a clear fix? >>>>> >>>>> >>>>> >>>>> On Tuesday, 14 August 2012 19:31:14 UTC+10, Backspace wrote: >>>>>> >>>>>> Sorry if this is not clear, what I want to do. >>>>>> >>>>> >>
