Bootstrap is CSS?

1

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

    
asked by anonymous 18.11.2017 / 17:07

2 answers

1

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 beginning of all your projects.

If you feel that your teacher might still be against the use, you can extract from Bootstrap the styles you want to use and play in a .css file you created, then surely it will have no arguments.

For more details: link

    
18.11.2017 / 17:19
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><scriptsrc="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><linkhref="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>

Finishing

Notice that the result is not the same, but it is still CSSm, now check if your teacher allows you to use JavaScript, if you can use it quietly if not, look for other libraries or use Bootstrap CSS as a base to do something similar.

    
18.11.2017 / 17:44