Bootstrap navbar - wrap nav-item to the next row

Currently I try to build a Navbar that is responsive. I use Bootstrap for my css. What I want is that: On a small viewport all links but the Navbar-brand is listed within one row. The Navbar on a large viewport looks like this (as expected):
enter image description here

But when I shrink the viewport the Navbar looks like this:
enter image description here

I already managed some viewport configurations, that e.g the username is not displayed on a small viewport. The HTML looks as follows (Btw. I will only show some mocked nav-items, since this is not important for the question:

HTML

<nav class="navbar navbar-expand fixed-top navbar-dark bg-dark flex-column flex-md-row">

  <div class="navbar-nav flex-row">

    <ul class="navbar-nav mr-auto">



      <li class="nav-item">

        <a class="navbar-brand mr-0 mr-md-2">

          <img src="assets/loading-skull.png" width="30px" height="auto">

          Scare-me.com

        </a>

      </li>



    </ul>

  </div>



    <div class="navbar-nav">

      <ul class="navbar-nav mr-auto">



        <li class="nav-item">

          <a class="nav-link">Stories</a>

        </li>



      </ul>

    </div>



    <div class="mx-auto">

      <a class="navbar-brand mx-auto hide-on-small-viewport" href="#">Show your threads!</a>

    </div>

    <div class="navbar-nav">

      <ul class="navbar-nav ml-auto">



        <li class="nav-item">

          <a class="nav-link">Log In</a>

        </li>



        <li *ngIf="!isLoggedIn" class="nav-item">

          <a class="nav-link">Sign Up</a>

        </li>



        <li class="nav-item">

          <button class="btn mt-1 mb-3 mb-md-0 ml-md3">Logout</button>

        </li>

      </ul>

    </div>



</nav>

edited Nov 18 '18 at 16:24

asked Nov 16 '18 at 17:27

Fantasia

3013

So, what do you want when the window shrink? Move it into two rows and Stories in the second line?

– MatrixTai
Nov 19 '18 at 2:07

So where will the "Show your threads!" go in small viewport? Is it hidden?

– rv7
Nov 19 '18 at 10:45

add a comment |

But when I shrink the viewport the Navbar looks like this:
enter image description here

HTML

<nav class="navbar navbar-expand fixed-top navbar-dark bg-dark flex-column flex-md-row">

  <div class="navbar-nav flex-row">

    <ul class="navbar-nav mr-auto">



      <li class="nav-item">

        <a class="navbar-brand mr-0 mr-md-2">

          <img src="assets/loading-skull.png" width="30px" height="auto">

          Scare-me.com

        </a>

      </li>



    </ul>

  </div>



    <div class="navbar-nav">

      <ul class="navbar-nav mr-auto">



        <li class="nav-item">

          <a class="nav-link">Stories</a>

        </li>



      </ul>

    </div>



    <div class="mx-auto">

      <a class="navbar-brand mx-auto hide-on-small-viewport" href="#">Show your threads!</a>

    </div>

    <div class="navbar-nav">

      <ul class="navbar-nav ml-auto">



        <li class="nav-item">

          <a class="nav-link">Log In</a>

        </li>



        <li *ngIf="!isLoggedIn" class="nav-item">

          <a class="nav-link">Sign Up</a>

        </li>



        <li class="nav-item">

          <button class="btn mt-1 mb-3 mb-md-0 ml-md3">Logout</button>

        </li>

      </ul>

    </div>



</nav>

edited Nov 18 '18 at 16:24

asked Nov 16 '18 at 17:27

Fantasia

3013

So, what do you want when the window shrink? Move it into two rows and Stories in the second line?

– MatrixTai
Nov 19 '18 at 2:07

So where will the "Show your threads!" go in small viewport? Is it hidden?

– rv7
Nov 19 '18 at 10:45

add a comment |

But when I shrink the viewport the Navbar looks like this:
enter image description here

HTML

<nav class="navbar navbar-expand fixed-top navbar-dark bg-dark flex-column flex-md-row">

  <div class="navbar-nav flex-row">

    <ul class="navbar-nav mr-auto">



      <li class="nav-item">

        <a class="navbar-brand mr-0 mr-md-2">

          <img src="assets/loading-skull.png" width="30px" height="auto">

          Scare-me.com

        </a>

      </li>



    </ul>

  </div>



    <div class="navbar-nav">

      <ul class="navbar-nav mr-auto">



        <li class="nav-item">

          <a class="nav-link">Stories</a>

        </li>



      </ul>

    </div>



    <div class="mx-auto">

      <a class="navbar-brand mx-auto hide-on-small-viewport" href="#">Show your threads!</a>

    </div>

    <div class="navbar-nav">

      <ul class="navbar-nav ml-auto">



        <li class="nav-item">

          <a class="nav-link">Log In</a>

        </li>



        <li *ngIf="!isLoggedIn" class="nav-item">

          <a class="nav-link">Sign Up</a>

        </li>



        <li class="nav-item">

          <button class="btn mt-1 mb-3 mb-md-0 ml-md3">Logout</button>

        </li>

      </ul>

    </div>



</nav>

edited Nov 18 '18 at 16:24

asked Nov 16 '18 at 17:27

Fantasia

3013

But when I shrink the viewport the Navbar looks like this:
enter image description here

HTML

<nav class="navbar navbar-expand fixed-top navbar-dark bg-dark flex-column flex-md-row">

  <div class="navbar-nav flex-row">

    <ul class="navbar-nav mr-auto">



      <li class="nav-item">

        <a class="navbar-brand mr-0 mr-md-2">

          <img src="assets/loading-skull.png" width="30px" height="auto">

          Scare-me.com

        </a>

      </li>



    </ul>

  </div>



    <div class="navbar-nav">

      <ul class="navbar-nav mr-auto">



        <li class="nav-item">

          <a class="nav-link">Stories</a>

        </li>



      </ul>

    </div>



    <div class="mx-auto">

      <a class="navbar-brand mx-auto hide-on-small-viewport" href="#">Show your threads!</a>

    </div>

    <div class="navbar-nav">

      <ul class="navbar-nav ml-auto">



        <li class="nav-item">

          <a class="nav-link">Log In</a>

        </li>



        <li *ngIf="!isLoggedIn" class="nav-item">

          <a class="nav-link">Sign Up</a>

        </li>



        <li class="nav-item">

          <button class="btn mt-1 mb-3 mb-md-0 ml-md3">Logout</button>

        </li>

      </ul>

    </div>



</nav>

html css twitter-bootstrap flexbox

edited Nov 18 '18 at 16:24

asked Nov 16 '18 at 17:27

Fantasia

3013

edited Nov 18 '18 at 16:24

asked Nov 16 '18 at 17:27

Fantasia

3013

edited Nov 18 '18 at 16:24

asked Nov 16 '18 at 17:27

Fantasia

3013

asked Nov 16 '18 at 17:27

Fantasia

3013

asked Nov 16 '18 at 17:27

Fantasia

3013

So, what do you want when the window shrink? Move it into two rows and Stories in the second line?

– MatrixTai
Nov 19 '18 at 2:07

So where will the "Show your threads!" go in small viewport? Is it hidden?

– rv7
Nov 19 '18 at 10:45

add a comment |

So, what do you want when the window shrink? Move it into two rows and Stories in the second line?

– MatrixTai
Nov 19 '18 at 2:07

So where will the "Show your threads!" go in small viewport? Is it hidden?

– rv7
Nov 19 '18 at 10:45

So, what do you want when the window shrink? Move it into two rows and Stories in the second line?

– MatrixTai
Nov 19 '18 at 2:07

So where will the "Show your threads!" go in small viewport? Is it hidden?

– rv7
Nov 19 '18 at 10:45

add a comment |

1 Answer
1

active

oldest

votes

+100

It seems a bit difficult to achieve what you want without drastically changing the whole html structure of your navbar. I am not sure if you are up for that. So I would suggest keeping 2 buttons for "Stories". Show one button in mobile view and the other in desktop view. This will ensure minimal regression impact to your html structure.

Button for desktop views

<ul class="navbar-nav mr-auto d-none d-md-block">

  <li class="nav-item">

    <a class="nav-link">Stories</a>

  </li>

</ul>

Button for mobile view

<ul class="navbar-nav mr-auto d-none d-md-block">

  <li class="nav-item">

    <a class="nav-link">Stories</a>

  </li>

</ul>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">



<nav class="navbar navbar-expand fixed-top navbar-dark bg-dark flex-column flex-md-row">

  <div class="navbar-nav flex-row">

    <ul class="navbar-nav mr-auto">



      <li class="nav-item">

        <a class="navbar-brand mr-0 mr-md-2">

          <img src="assets/loading-skull.png" width="30px" height="auto"> Scare-me.com

        </a>

      </li>

    </ul>

  </div>



  <div class="navbar-nav">

    <ul class="navbar-nav mr-auto d-none d-md-block">

      <li class="nav-item">

        <a class="nav-link">Stories</a>

      </li>

    </ul>

  </div>



  <div class="mx-auto">

    <a class="navbar-brand mx-auto hide-on-small-viewport" href="#">Show your threads!</a>

  </div>

  <div class="navbar-nav">

    <ul class="navbar-nav mr-auto d-md-none">

      <li class="nav-item">

        <a class="nav-link">Stories</a>

      </li>

    </ul>

    <ul class="navbar-nav ml-auto">

      <li class="nav-item">

        <a class="nav-link">Log In</a>

      </li>



      <li *ngIf="!isLoggedIn" class="nav-item">

        <a class="nav-link">Sign Up</a>

      </li>

      <li class="nav-item">

        <button class="btn mt-1 mb-3 mb-md-0 ml-md3">Logout</button>

      </li>

    </ul>

  </div>

</nav>

answered Nov 19 '18 at 5:29

Nandita Arora Sharma

9,4732618

Good answer, Nandita!

– Fantasia
Nov 20 '18 at 14:37

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53342688%2fbootstrap-navbar-wrap-nav-item-to-the-next-row%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

+100

Button for desktop views

<ul class="navbar-nav mr-auto d-none d-md-block">

  <li class="nav-item">

    <a class="nav-link">Stories</a>

  </li>

</ul>

Button for mobile view

<ul class="navbar-nav mr-auto d-none d-md-block">

  <li class="nav-item">

    <a class="nav-link">Stories</a>

  </li>

</ul>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">



<nav class="navbar navbar-expand fixed-top navbar-dark bg-dark flex-column flex-md-row">

  <div class="navbar-nav flex-row">

    <ul class="navbar-nav mr-auto">



      <li class="nav-item">

        <a class="navbar-brand mr-0 mr-md-2">

          <img src="assets/loading-skull.png" width="30px" height="auto"> Scare-me.com

        </a>

      </li>

    </ul>

  </div>



  <div class="navbar-nav">

    <ul class="navbar-nav mr-auto d-none d-md-block">

      <li class="nav-item">

        <a class="nav-link">Stories</a>

      </li>

    </ul>

  </div>



  <div class="mx-auto">

    <a class="navbar-brand mx-auto hide-on-small-viewport" href="#">Show your threads!</a>

  </div>

  <div class="navbar-nav">

    <ul class="navbar-nav mr-auto d-md-none">

      <li class="nav-item">

        <a class="nav-link">Stories</a>

      </li>

    </ul>

    <ul class="navbar-nav ml-auto">

      <li class="nav-item">

        <a class="nav-link">Log In</a>

      </li>



      <li *ngIf="!isLoggedIn" class="nav-item">

        <a class="nav-link">Sign Up</a>

      </li>

      <li class="nav-item">

        <button class="btn mt-1 mb-3 mb-md-0 ml-md3">Logout</button>

      </li>

    </ul>

  </div>

</nav>

answered Nov 19 '18 at 5:29

Nandita Arora Sharma

9,4732618

Good answer, Nandita!

– Fantasia
Nov 20 '18 at 14:37

add a comment |

+100

Button for desktop views

<ul class="navbar-nav mr-auto d-none d-md-block">

  <li class="nav-item">

    <a class="nav-link">Stories</a>

  </li>

</ul>

Button for mobile view

<ul class="navbar-nav mr-auto d-none d-md-block">

  <li class="nav-item">

    <a class="nav-link">Stories</a>

  </li>

</ul>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">



<nav class="navbar navbar-expand fixed-top navbar-dark bg-dark flex-column flex-md-row">

  <div class="navbar-nav flex-row">

    <ul class="navbar-nav mr-auto">



      <li class="nav-item">

        <a class="navbar-brand mr-0 mr-md-2">

          <img src="assets/loading-skull.png" width="30px" height="auto"> Scare-me.com

        </a>

      </li>

    </ul>

  </div>



  <div class="navbar-nav">

    <ul class="navbar-nav mr-auto d-none d-md-block">

      <li class="nav-item">

        <a class="nav-link">Stories</a>

      </li>

    </ul>

  </div>



  <div class="mx-auto">

    <a class="navbar-brand mx-auto hide-on-small-viewport" href="#">Show your threads!</a>

  </div>

  <div class="navbar-nav">

    <ul class="navbar-nav mr-auto d-md-none">

      <li class="nav-item">

        <a class="nav-link">Stories</a>

      </li>

    </ul>

    <ul class="navbar-nav ml-auto">

      <li class="nav-item">

        <a class="nav-link">Log In</a>

      </li>



      <li *ngIf="!isLoggedIn" class="nav-item">

        <a class="nav-link">Sign Up</a>

      </li>

      <li class="nav-item">

        <button class="btn mt-1 mb-3 mb-md-0 ml-md3">Logout</button>

      </li>

    </ul>

  </div>

</nav>

answered Nov 19 '18 at 5:29

Nandita Arora Sharma

9,4732618

Good answer, Nandita!

– Fantasia
Nov 20 '18 at 14:37

add a comment |

+100

Button for desktop views

<ul class="navbar-nav mr-auto d-none d-md-block">

  <li class="nav-item">

    <a class="nav-link">Stories</a>

  </li>

</ul>

Button for mobile view

<ul class="navbar-nav mr-auto d-none d-md-block">

  <li class="nav-item">

    <a class="nav-link">Stories</a>

  </li>

</ul>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">



<nav class="navbar navbar-expand fixed-top navbar-dark bg-dark flex-column flex-md-row">

  <div class="navbar-nav flex-row">

    <ul class="navbar-nav mr-auto">



      <li class="nav-item">

        <a class="navbar-brand mr-0 mr-md-2">

          <img src="assets/loading-skull.png" width="30px" height="auto"> Scare-me.com

        </a>

      </li>

    </ul>

  </div>



  <div class="navbar-nav">

    <ul class="navbar-nav mr-auto d-none d-md-block">

      <li class="nav-item">

        <a class="nav-link">Stories</a>

      </li>

    </ul>

  </div>



  <div class="mx-auto">

    <a class="navbar-brand mx-auto hide-on-small-viewport" href="#">Show your threads!</a>

  </div>

  <div class="navbar-nav">

    <ul class="navbar-nav mr-auto d-md-none">

      <li class="nav-item">

        <a class="nav-link">Stories</a>

      </li>

    </ul>

    <ul class="navbar-nav ml-auto">

      <li class="nav-item">

        <a class="nav-link">Log In</a>

      </li>



      <li *ngIf="!isLoggedIn" class="nav-item">

        <a class="nav-link">Sign Up</a>

      </li>

      <li class="nav-item">

        <button class="btn mt-1 mb-3 mb-md-0 ml-md3">Logout</button>

      </li>

    </ul>

  </div>

</nav>

answered Nov 19 '18 at 5:29

Nandita Arora Sharma

9,4732618

Button for desktop views

<ul class="navbar-nav mr-auto d-none d-md-block">

  <li class="nav-item">

    <a class="nav-link">Stories</a>

  </li>

</ul>

Button for mobile view

<ul class="navbar-nav mr-auto d-none d-md-block">

  <li class="nav-item">

    <a class="nav-link">Stories</a>

  </li>

</ul>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">



<nav class="navbar navbar-expand fixed-top navbar-dark bg-dark flex-column flex-md-row">

  <div class="navbar-nav flex-row">

    <ul class="navbar-nav mr-auto">



      <li class="nav-item">

        <a class="navbar-brand mr-0 mr-md-2">

          <img src="assets/loading-skull.png" width="30px" height="auto"> Scare-me.com

        </a>

      </li>

    </ul>

  </div>



  <div class="navbar-nav">

    <ul class="navbar-nav mr-auto d-none d-md-block">

      <li class="nav-item">

        <a class="nav-link">Stories</a>

      </li>

    </ul>

  </div>



  <div class="mx-auto">

    <a class="navbar-brand mx-auto hide-on-small-viewport" href="#">Show your threads!</a>

  </div>

  <div class="navbar-nav">

    <ul class="navbar-nav mr-auto d-md-none">

      <li class="nav-item">

        <a class="nav-link">Stories</a>

      </li>

    </ul>

    <ul class="navbar-nav ml-auto">

      <li class="nav-item">

        <a class="nav-link">Log In</a>

      </li>



      <li *ngIf="!isLoggedIn" class="nav-item">

        <a class="nav-link">Sign Up</a>

      </li>

      <li class="nav-item">

        <button class="btn mt-1 mb-3 mb-md-0 ml-md3">Logout</button>

      </li>

    </ul>

  </div>

</nav>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">



<nav class="navbar navbar-expand fixed-top navbar-dark bg-dark flex-column flex-md-row">

  <div class="navbar-nav flex-row">

    <ul class="navbar-nav mr-auto">



      <li class="nav-item">

        <a class="navbar-brand mr-0 mr-md-2">

          <img src="assets/loading-skull.png" width="30px" height="auto"> Scare-me.com

        </a>

      </li>

    </ul>

  </div>



  <div class="navbar-nav">

    <ul class="navbar-nav mr-auto d-none d-md-block">

      <li class="nav-item">

        <a class="nav-link">Stories</a>

      </li>

    </ul>

  </div>



  <div class="mx-auto">

    <a class="navbar-brand mx-auto hide-on-small-viewport" href="#">Show your threads!</a>

  </div>

  <div class="navbar-nav">

    <ul class="navbar-nav mr-auto d-md-none">

      <li class="nav-item">

        <a class="nav-link">Stories</a>

      </li>

    </ul>

    <ul class="navbar-nav ml-auto">

      <li class="nav-item">

        <a class="nav-link">Log In</a>

      </li>



      <li *ngIf="!isLoggedIn" class="nav-item">

        <a class="nav-link">Sign Up</a>

      </li>

      <li class="nav-item">

        <button class="btn mt-1 mb-3 mb-md-0 ml-md3">Logout</button>

      </li>

    </ul>

  </div>

</nav>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">



<nav class="navbar navbar-expand fixed-top navbar-dark bg-dark flex-column flex-md-row">

  <div class="navbar-nav flex-row">

    <ul class="navbar-nav mr-auto">



      <li class="nav-item">

        <a class="navbar-brand mr-0 mr-md-2">

          <img src="assets/loading-skull.png" width="30px" height="auto"> Scare-me.com

        </a>

      </li>

    </ul>

  </div>



  <div class="navbar-nav">

    <ul class="navbar-nav mr-auto d-none d-md-block">

      <li class="nav-item">

        <a class="nav-link">Stories</a>

      </li>

    </ul>

  </div>



  <div class="mx-auto">

    <a class="navbar-brand mx-auto hide-on-small-viewport" href="#">Show your threads!</a>

  </div>

  <div class="navbar-nav">

    <ul class="navbar-nav mr-auto d-md-none">

      <li class="nav-item">

        <a class="nav-link">Stories</a>

      </li>

    </ul>

    <ul class="navbar-nav ml-auto">

      <li class="nav-item">

        <a class="nav-link">Log In</a>

      </li>



      <li *ngIf="!isLoggedIn" class="nav-item">

        <a class="nav-link">Sign Up</a>

      </li>

      <li class="nav-item">

        <button class="btn mt-1 mb-3 mb-md-0 ml-md3">Logout</button>

      </li>

    </ul>

  </div>

</nav>

answered Nov 19 '18 at 5:29

Nandita Arora Sharma

9,4732618

answered Nov 19 '18 at 5:29

Nandita Arora Sharma

9,4732618

answered Nov 19 '18 at 5:29

Nandita Arora Sharma

9,4732618

answered Nov 19 '18 at 5:29

Nandita Arora Sharma

9,4732618

Good answer, Nandita!

– Fantasia
Nov 20 '18 at 14:37

add a comment |

Good answer, Nandita!

– Fantasia
Nov 20 '18 at 14:37

Good answer, Nandita!

– Fantasia
Nov 20 '18 at 14:37

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Agfdhyk