Merge pull request #13351 from Cecchi/nested-kbd

Add nested kbd element styles for actual keys or inputs

diff --cc docs/_includes/css/code.html
index 6e15b4c566d41d9a0430df641dcbed66e68a862b,188bd18cadb88daf784ed7b70aee1b29e14f0f37..675ac10e91e5645028951b608f35e139a08f25bb
--- 1/docs/_includes/css/code.html
--- 2/docs/_includes/css/code.html
+++ b/docs/_includes/css/code.html
@@@ -13,10 -13,11 +13,11 @@@ For example, <code>&lt;section&gt;</cod
    <h2 id="code-user-input">User input</h2>
    <p>Use the <code>&lt;kbd&gt;</code> to indicate input that is typically entered via keyboard.</p>
  <div class="bs-example">
-   To switch directories, type <kbd>cd</kbd> followed by the name of the directory.
+   To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br>
+   To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>
  </div>
  {% highlight html %}
 -  To switch directories, type <kbd>cd</kbd> followed by the name of the directory.
 +To switch directories, type <kbd>cd</kbd> followed by the name of the directory.
  {% endhighlight %}
  
    <h2 id="code-block">Basic block</h2>