Results 1 to 2 of 2

Thread: How to apply bootstrap css to our static website to become fully responsive?

  1. #1
    Join Date
    Nov 2013

    Thumbs up How to apply bootstrap css to our static website to become fully responsive?

    I can design responsive website alone, and i can design complex coding based sites also.
    But i am not getting how to add bootstrap to our code and make it responsive.
    I have gone through bootstrap official website and tutorials, they have clearly explained about how to use all the modules like accordion, sliders and other fluid layouts but it needs more simple explanation i feel so.

    This is their official website: http://getbootstrap.com/

  2. #2
    Sounds to me like your common sense is tingling -- some advice, trust it.

    Generally speaking "adding bootstrap to our code" sounds like trying to integrate it with existing sites; that's really NOT something it was designed to do since it is more meant for the creation of new sites. Unless you're starting over from scratch, it's not really gonna fly.

    Now warning, I'm a bit of a heretic on this topic...

    IMHO HTML/CSS "frameworks" -- like bootstrap, yui, grid960... Pretty much all of them, are ignorant halfwit bull that defeats the entire POINT of even using HTML/CSS in the first place. They rely on presentational use of classes, which so far as I'm concerned is the antithesis of what HTML and CSS ARE FOR. Bootstrap may be the new media darling but that doesn't make it any better than the nudnik bull that preceded it.

    Size alone is absurdly stupid, since uncompressed MINIFIED it's 30% larger than I'd ever allow for an entire page template (that's HTML+CSS+SCRIPTS+IMAGES) not counting content... even served gzipped it's larger than the ENTIRE CSS I'd write for an entire website; and that's before talking about how they've now crapped the fat bloated nonsense known as jQuery into it.... or that oh so wonderful new menu code that's supposed to make menus better on mobile by making them counterintuitive and harder to use.

    Just look at their starter template:

    If the code and total size of that doesn't raise your hackles, you might be in the wrong business. From the IE conditional nonsense to cover up developer ineptitude, to the need for the X-UA nonsense to cover up developer ineptitude, to endless pointless PRESENTATIONAL use of classes and multiple DIV for nothing...

    I mean, if you don't know what's wrong with this:
     <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
          <div class="container">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
    Do the world a favor, back the devil away from the keyboard, and take up something a bit less detail oriented like macramé.

    Just pulling up the document size in the web developer toolbar or a waterfall for the 'starter template' should tell you all you need to know about bootcrap. 68k gzipped / 228k uncompressed BEFORE IT EVEN HAS CONTENT OR A REAL LAYOUT?!? If that doesn't send your BS alarm off full bore, you probably shouldn't be making websites.

    People call things like bootcrap "easier" -- just like they call LESS "easier", OOCSS "easier", jQuery "easier", html 5 "easier" -- and to be brutally frank:

    Really I think the only reason people think any of these things offer 'benefits' is for people who never learned to do things properly in the first place... You just said it yourself -- you know how to make a responsive layout without it; thanks to that knowledge, it's unlikely you'll EVER be able to work with bootstrap or any other HTML/CSS "framework".

    It's like trying to pass the Microsoft A1 Certification if you already understand how networking works; it's physically impossible -- or trying to play Guitar Hero if you know how to play a real instrument, only way to do so is to turn the sound off as it has nothing to do with music.

    Once you know how it 'really' works, you cannot grasp how/why people use the bloated nonsense that's more to learn, more code to deploy, results in you writing more code not less, and needlessly/pointlessly overcomplicates something that is at it's core ridiculously simple.

    Though again, stuff like bootstrap, less, Sass, oocss and even the train wreck of an alleged specification known as HTML 5 seems to exist to satiate the whims of people who never pulled their heads out of 1997's rump, sleazing out HTML 3.2 and slapping either 4 tranny or 5 lip-service around it; unable or unwilling to practice separation of presentation from content, semantic markup, progressive enhancement, or the dozens of other improvements of the past decade and a half. To the contrary, they seem to want to send coding practices back to the dark ages of the browser wars.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center



X vBulletin 4.2.2 Debug Information

  • Page Generation 0.15784 seconds
  • Memory Usage 2,857KB
  • Queries Executed 15 (?)
More Information
Template Usage (33):
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (1)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (2)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (2)postbit
  • (2)postbit_onlinestatus
  • (2)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (70):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • bbcode_parse_start
  • postbit_imicons
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates