Bootstrap is a CSS?

Asked

Viewed 85 times

1

My teacher said that in his work all the aesthetics of the site should be done in CSS, a question: I can do in Bootstrap?

css twitter-bootstrap web-application visual-studio
  • 2

    Has some information about the bootstrap in the tag

  • 1

    Bootstrap is composed of instructions with javascript and css! The right thing to do is to direct this question to your teacher, but I assume his goal is to build something without using a framework.

2 answers

2


Yes, Bootstrap is a framework developed in pure CSS. There are no contraindications in this case, it makes use of certain HTML elements and CSS properties that require the use of HTML5 Doctype. Include it at the start of all your projects.

If you think your teacher might still be against the use, you can extract the styles you want to use and play in a file from Bootstrap. css created by you, there surely it will not have arguments.

For more details: http://getbootstrap.com.br/css/

  • Beware that if he wants CSS stylization, he will not want a stylization ready and should be created by you, I assume.

  • is a possibility.

0

More or less, bootstrap is a CSS framework, however, it uses jQuery in interactions, see the following example:

With a JS file

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">Ação</a></li>
    <li><a href="#">Outra ação</a></li>
    <li><a href="#">Algo mais aqui</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Link separado</a></li>
  </ul>
</div>

Without the JS file

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">Ação</a></li>
    <li><a href="#">Outra ação</a></li>
    <li><a href="#">Algo mais aqui</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Link separado</a></li>
  </ul>
</div>

Finalizing

Note that the result obtained is not the same, but by being Cssm, now find out if your teacher allows to use Javascript, if yes can use quietly if not, look for other libraries or use as a basis Bootstrap CSS to make similar scolding.

Browser other questions tagged css twitter-bootstrap web-application visual-studio

You are not signed in. Login or sign up in order to post.