Add twitter bootstrap to current project [closed] - html

Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 10 years ago.
Improve this question
I am thinking on adding some elements from twitter bootstrap to my current web application. This would help me to be more effective in some parts of the web development process. I do consider my self good at css and I have always built my sites from the ground up.
Is it viable to use some parts of twitter bootstrap, like the grid system? And then use my own custom classes for styling etc? Or should you go all out and use every aspect of bootstrap, and customize the bootstrap classes?
Thanks,
James

In case, you want to have bare minimal code that's necessary for your styling and you are comfortable in extending/ re-integrating as and when need arises in future then can use those particular bootstrap parts which you want and can style them as you want and can leave the unwanted bootstrap features..
But if you don't mind some extra code, that may add to your page load time, then you can go for the whole of the bootstrap.
In either of the cases, it would be better to leave the core bootstrap code unaltered and write your own code for added/modified functionality. This will give you the option of using the bootstrap styling in case if need arises in future and also you can straight-away update bootstrap files when updated versions arrive..

Related

Are there any other options to style an html page than css? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 years ago.
Improve this question
Css got pretty much features and has a fair amount of flexibility. Unlike other languages ive never heard of other options to expect the same result. Event js seams to be the only active laguage in html pages. Did i miss anything? Or are there acctually no other options?
There are not.
JSSS was an early competitor to CSS, but swiftly lost and nothing supports it today.
Technically, you could involve XSLT … but that would involve processes such as converting to XSL Formatting Objects and then to PDF rather than styling HTML per se.
Well, there are also CSS pre-processors like SASS, LESS and Stylus... that improves the syntax and complements CSS itself. That code from pre-processors is transpiled to CSS so any browser could execute it. But they aren't alternatives to CSS.
There are technologies like Jquery or other frameworks where you can just change the way you write CSS but there isn't a way in designing a page without CSS as all this uses it as a main framework for design.There are alternatives like Sass Scss but all this rely on css

Two bootstrap in a single page [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
I need to use two bootstrap(Twitter Bootstrap and "Paper" bootstrap) for a single webpage
But when I include both css and js files, Second css and js files overrides..
Is there any way to include both bootstrap in a single Page?
You could recompile the LESS from paper to target the ID of the modal so the css would only apply to that modal.
#modal-id{ /*all bootstrap css for paper*/}
You would most likely need to change the js file too. You could just take the function that Paper has that Bootstrap doesn't.
Is a lot of overhead having two full versions though so I recommend picking only the bits you need. Is time consuming but is better than making the user waiting for massive loading times.

Is using Media queries better than Bootstrap if you want to build a responsive webpage using your own customized theme? [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
Please help me, I'm very new to web development. So far I've only learned how to make non-responsive webpages. I'm self-teaching myself everything and I'm getting confused with responsive design. What is the best approach to making a responsive webpage if your project has its own customized theme?
How do you learn all the classes in bootstrap? I'm so lost at using bootstrap, how are you supposed to know all the classes to utilize when you want to make or adjust things?
My mind is scattered right now I may not be asking the exact question that I have in mind.. But basically all I want to know is if I should use media queries for a responsive customized theme webpage or should I learn bootstrap? thanks in advance
bootstrap has some ok documentation and starter code for most of their components and snippets on how to use their different css classes.
You can find information about how to use their different classes here:
http://getbootstrap.com/css/
You can find information about how to use their different components (plus code examples) here:
http://getbootstrap.com/components/

Designing layout in html [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I use CSS to stylize my pages. I use % style instead of using px values. However, since I need to add several elements of different sizes in different positions, I end up spending more time in designing the layout than the coding.
I tried using a WYSIWYG editor but it uses px style coding. Can someone help me with a solution so that I can design the layout quickly and proceed to real part? I use WordPad right now.
The best thing to do is practice more. Get better at coding them, and reuse parts from prior projects where it makes sense.
There is no WYSIWYG tool that will save you time, for most projects. They all write garbage code, because editing with such a tool is a bit ambiguous. It is up to you as a web developer to write your markup and styles in a way that will be interpreted correctly across many user agents.

Should I use Bootstrap? [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
I'm about to embark on a very large front end build project, and probably reusing the same grid for many sites. The back-end developers in my team are raving and raving about Bootstrap and how we should be using it.
I've started using it and it's very good, but our grid has become more complex than the Bootstrap one. So I've drilled into the LESS files and added some of my own rules and modified the responsive grid. I also might need to change and add the media queries in there.
So my question is, considering that I'm having to change and customize Bootstrap quite a bit, would it be best practice to do this or create my grid/framework from scratch?
I would suggest that you use bootstrap and apply customizations per you needs. In our case, we provide a couple of additional .less files, and #import them in bootstrap.less. We use one for variables, imported right below variables.less and one for classes, imported at the end of the boostrap.less list. This way, you ensure that you can override both variables and classes, and include your own, while at the same time you remain compatible with future bootstrap updates
first check how many things you have to build in twitter bootstrap to match it with your framework. i think twitter bootstrap comes with responsive grids so you don't have to work with lots of stuff + Less is there to customize the way you want. check http://twitter.github.com/bootstrap/less.html
if the no. of functionality's are too much then think in terms of project budget and in future how twitter bootstrap can be useful. it will answer everything i guess :)
Have a look with jqgrid http://www.trirand.com/blog/jqgrid/jqgrid.html, It can be customised to a great extent..with little tweak we can integrate that with BootStrap