Grow your CSS skills. Land your dream job.

Questions about Bootstrap

  • # June 19, 2013 at 1:15 pm

    This is a long post, and likely to be vague to most people but I’m hoping I’ll get some kind of direction. I’ve been working on a project that has 19 domains , and I have completed about 7. Each domain is part of a huge domain – after the pages are coded and the designs approved on our server, the codes are pasted inside a container within the main domain and the style sheet paths are also attached. After about 6 domains were coded, I was told to start moving(pasting) the codes on the main domain – I noticed that some universal styles were being applied from the main domain that was completely messing up my design(that too descendant styles have been used, as opposed to child styles – to add to my woes) – using the !important attribute to override styles would be a complete waste of time. When I brought this up ( All I requested was a container that did not have any default styles applied – instead I’m having to paste my code inside an empty carousel that has a ton of other styles), this is what they(the client’s development team) had to say

    “we cannot change the css and the structure..so if krish can use the bootstrap structure we all will be good.,otherwise their always be a css or js conflict in some or other usecases..”

    “other way is to use inline css which will be more timeconsuming thing. i can suggest that we both should use bootstrap…. its a standard library of js and ui functionality…”

    So basically, all the custom built work has gone to waste (or has it?). My Questions.

    a) What would you do if you were in my position – how would you orchestrate the workflow from here?

    b) I’ve never used bootstrap – are there any limitations for this kind of a project ? I mean, even if I create something from Bootstrap, wouldn’t I have to overcome the default styles? Or Does Bootstrap have a lot of default styles that can be used?

    c) Can I create new styles or would I have to be stuck with B(oot)S’s styles from their style sheet? If I can, how would it differ from using my own style sheet?

    d) What clarifications should I seek before I start my work? What should the workflow be like?

    >>>>> I may have to remove this question after I get some direction as I believe the tech team too might be using this site. I’m not sure if this could be done as a special request.

    # June 19, 2013 at 3:08 pm

    Without seeing the code and really understanding what’s going on and how things relate, can’t really offer sound advice as to what you should do. Maybe if I could understand your limitations better and how you/they have things set up currently, however if the dev team is saying they can’t change the CSS then whatever you do it’s going to be tedious work.

    Bootstrap is just a framework, it comes with default (very basic) styles for common things, you will still have to write more specific CSS to get your design to look right. There are no limitations, it’s just used as a resource when building websites.

    # June 19, 2013 at 3:13 pm

    >Bootstrap is just a framework, it comes with default (very basic) styles for common things, you will still have to write more specific CSS to get your design to look right.

    Bootstrap is HUGE…and includes a whole bunch of styles that may or may not be used. If the existing site uses the whole framework then there may be a great deal of specificity to overcome.

    # June 19, 2013 at 3:16 pm

    > Bootstrap is HUGE

    It is, but any good developer should only use what they need, and I hope that’s the case here, because this could be a nightmare to maintain

    # June 19, 2013 at 3:18 pm

    Yeah but it sounds like the dev team hasn’t done that…hence the OPs problem.

    # June 22, 2013 at 3:27 am

    > Without seeing the code and really understanding what’s going on and how things relate, can’t really offer sound advice as to what you should do.

    It’s something like this. My code is placed inside a carousel that has a lot of default styles that get applied


    .carousel .my-wrapper

    .carousel a{styles}
    .carousel a:hover{styles}
    .carousel a:focus{styles}
    .carousel ul{styles}
    .carousel li{styles}

    This is just one example of the many styles that are being applied. And all are descendant styles. I’m not sure if there is an easy CSS way to fix this situation – considering that I do not have any control over their stylesheets , the only option I can think of is the !important attribute. Because if there is, I could tell them about this and ask if they could look into this option as well to save hours.



    Update: The Dev team has advised me to work on the project from scratch (it’s a monthly invoice thing, so payment is not an issue here), and only use Bootstrap CSS and JS elements.

    This may be a blessing in disguise for me to force me to learn a CSS framework that’s responsive.

    But I’m a little confused as to how to go about my workflow or even practice. Can I only use the styles that they’ve specified? How do I go about creating a layout that’s supposed to fit within a 760px frame? How would I know which id’s or classes are to be used – would I have to scan all stylesheets ? Am I stuck with a set of layouts, or can I customize my own? If I do, would I have to inform the devs who are working on the main container that I’ve tweaked some classes or ids? Bootstrap has components with classes – am I stuck with the same classes?

    # June 22, 2013 at 3:34 am

    The project is somewhat like this – there are 19 sub-domains, much like 19 websites that have a huge amount of content, and several layers within them. It’s a static project. All contents are placed inside a container that’s part of a main mega domain that has been built with Bootstrap. I do not have access to the style sheets of the main domain – I can only work on the static pages of the inner domain.

    Now, to start reworking on the project, what clarifications would I need regarding Boostrap? Layouts? Styles? Or can you actually start working with the information that I’ve provided?

    If so, how would you go about creating a basic layout , let’s say, with navigation and some content? Or would you need more information form the Dev team?

    I apologize if I’m being vague or unclear.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".