Bootstrap导航栏切换

时间:2019-11-17 20:59:19

标签: html css bootstrap-4

所以,我第一次搞砸了引导程序,弄清楚了它是如何工作的。我在导航栏上取得了不错的进步,但是我对导航栏切换感到非常困惑。

$ python3 --version

无论我做什么,似乎只要页面到达该sm断点,navbar-toggler都会停留在navbar-brand链接元素上-就像它向左对齐一样。我已经尝试了我能想到的一切。基本上,我想发生的是,一旦我的页面达到该断点并且隐藏了各个列表项,我希望将navbar-toggler对齐到页面的右侧。现在,它看起来像是向左对齐,基本上我没有做的就是覆盖这种行为。

我尝试添加navbar-toggler-right,我尝试提供一个自定义ID来覆盖行为,也许是float:right!important; -

Navbar Behavior

我要做的就是在遇到断点时将按钮移到页面右侧

2 个答案:

答案 0 :(得分:0)

只需更改此行

void Start()
{
    gm = GetComponent<GameManager>();

    // Authenticate and register a ProcessAuthentication callback
    // This call needs to be made before we can proceed to other calls in the Social API
    Social.localUser.Authenticate(ProcessAuthentication);

}

// This function gets called when Authenticate completes
// Note that if the operation is successful, Social.localUser will contain data from the server. 
void ProcessAuthentication(bool success)
{
    if (success)
    {
        Debug.Log("Authenticated, checking achievements");
        gm.DebugLog("Authenticated");
        // Request loaded achievements, and register a callback for processing them
        Social.LoadAchievements(ProcessLoadedAchievements);
    }
    else
    {
        Debug.Log("Failed to authenticate");
        gm.DebugLog("Failed to authenticate");
    }
}

// This function gets called when the LoadAchievement call completes
void ProcessLoadedAchievements(IAchievement[] achievements)
{


    if (achievements.Length == 0)
    {
        Debug.Log("Error: no achievements found");
        gm.DebugLog("Error: no achievements found");
    }
    else
    {
        Debug.Log("Got " + achievements.Length + " achievements");

        gm.DebugLog("Got " + achievements.Length + " achievements");
    }

    // You can also call into the functions like this
    Social.ReportProgress(androidAchievementIDs[0], 100.0, result => {
        if (result)
        {
            gm.DebugLog("Successfully reported achievment progress");
            Debug.Log("Successfully reported achievement progress");
        }
        else
            Debug.Log("Failed to report achievement");
            gm.DebugLog("Failed to report achievement" + androidAchievementIDs[0]);
    });
}

<nav class="nav navbar-expand-sm navbar-dark">

答案 1 :(得分:0)

添加这些类

导航栏

select itemid,
       max(iif(seqnum = 1, itemsupplier, null)) as supplier_1,
       max(iif(seqnum = 2, itemsupplier, null)) as supplier_2,
       max(iif(seqnum = 3, itemsupplier, null)) as supplier_3
from (select t.*,
             (select count(*)
              from t as t2
              where t2.itemid = t.itemid and t2.id <= t.id
             ) as seqnum
      from t
     ) as t
group by itemid;

前往#navbarSupportedContent

justify-content-between justify-content-sm-start

代码

flex-grow-0 flex-sm-grow-1

更多信息在这里 https://getbootstrap.com/docs/4.3/utilities/flex/#justify-contenthttps://getbootstrap.com/docs/4.3/utilities/flex/#grow-and-shrink