How to strat with bootstrap?

Question

1.80/5 (2 votes)

See more:

I am new to bootstrap. I just wanted to know whether bootstrap changes the the class of a div itself when css and js files are reffered or we have to write additional js to add and remove class of a div for eg:

<div class="col-sm-3 col-sm-4 col-sm-5  col-sm-6 col-sm-7 col-sm-8 col-sm-11 col-sm-10 col-sm-12">text</div>

if I have such div then what will happen as screen size changes

Posted 17-Jun-15 22:50pm

VipinKumar Maurya

Add a Solution

Comments

Afzaal Ahmad Zeeshan 18-Jun-15 5:00am

You have to write the class names for your elements, that bootstrap can then use to alter the state of the elements. Why don't you read the documentation of Bootstrap?

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Pradip Kumar Sen · Answer 1 · 2015-06-17T23:03:00

Solution 1

You do not need to write any class like you have used.

Class like 'container' 'table' over Div/Section is all good to start with. You need to have bootstrap css/js link on the page or layout/master page.

Some how if links missed or exact class not getting applied you have to troubleshoot the reason instead of adding any custom class like 'col-sm-3' etc.

Accept the solution if this helps, otherwise give exact problem you faced.

Posted 17-Jun-15 23:03pm

Pradip Kumar Sen

Updated 17-Jun-15 23:05pm

v2

Comments

VipinKumar Maurya 18-Jun-15 5:14am

The class which have applied 'col-sm-3' is a bootstrap class and actually I want to learn bootstrap for which I referred tutorial sites and built some pages but it is not scaling as required. If you allow then I can mail you my sample project.

Pradip Kumar Sen 18-Jun-15 10:05am

You do not need to apply class "col-sm-3", it will automatically get applied if in parent level you have class "table" and you have used <thead> and <tbody>. Please send your sample to "nit.pradip@gmail.com", I will make it correct. :)